Question

我正试图在当地学区的新地址搜索页面上进行最后润色，但无法弄清楚为什么垂直滚动条会一直显示在弹出窗口中（通过Google Map API）需要。垂直滚动条似乎总是显示在Chrome，Firefox和Safari上;但它似乎在IE中工作得更好。它似乎也适用于我的iPad。该网站使用SharePoint 2010，我必须告诉您，在我看来这并不容易。无论如何，如果你点击任何彩色区域或图标上的地图，你会得到一个描述位置的弹出窗口。问题是垂直滚动条在不需要时会不断显示。有谁知道如何摆脱Google Maps API中的垂直滚动条？

网站：http://www.paplv.org/SitePages/Address-Search.aspx

感谢任何帮助，

斯科特

Answer 1

我似乎无法复制您链接的页面上的问题（可能现在已修复），尽管这是最新Google Maps API的常见问题。

我已成功将“line-height：normal！important”风格应用于地图的＆lt; div＆gt ;.

Answer 2

你现在可能已经想到了这个问题，但万一其他人有同样的问题...... 我在addListener函数中创建了一个div块来纠正滚动问题。

google.maps.event.addListener(marker, 'click', (function(marker, i) { 
  var myString = '<div id="infoWindow" style="white-space: nowrap;">'
  + '<div id="bodyContent">'
  + markers[i][2] + markers[i][3]
  + '</div>'
  + '</div>';
}
return function() {
infowindow.setContent(myString); 
infowindow.open(map, marker);

Answer 3

我也有这个问题，我自己解决了。

与自动包含的字体有关。

.gm-style {
    font-family: Roboto,Arial,sans-serif;
}

创建infowindow html内容时将其包装在div中并添加一个类：

// infowindow html
html = "<div class='infowindowStyle'><p><span class='title'>" + name + "</span><br />" + address + "</p></div>";

然后在您的样式中添加一个类：

.infowindowStyle { font-family:Verdana; }

这应该为您解决问题。

Google InfoWindow在不需要时显示垂直滚动条

3 个答案: