0

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

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

任何帮助表示赞赏,

斯科特

4

3 回答 3

0

您现在可能已经想通了,但万一其他人也有同样的问题……我在 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); 
于 2014-07-31T20:15:38.533 回答
0

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

我已经成功地将样式“行高:正常!重要”应用于地图的 <div>。

于 2013-12-02T14:54:29.847 回答
0

我也有这个问题,只是自己解决了。

这与自动包含的字体有关。

.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; }

这应该可以为您解决问题。

于 2014-12-05T17:19:46.353 回答