Google InfoWindow在不需要時顯示垂直滾動條

我試圖對當地學區的新地址搜索頁進行收尾，但無法弄清爲什麼垂直滾動條不斷顯示在彈出窗口中（通過谷歌地圖API），當它不需要。垂直滾動條似乎總是出現在Chrome，Firefox和Safari上;然而它似乎在IE中運行得更好。它似乎也適用於我的iPad。該網站使用SharePoint 2010，我不得不告訴你，在我看來，這並不容易。無論如何，如果您在任何彩色區域或圖標上單擊地圖，您會看到一個描述位置的彈出窗口。問題是垂直滾動條在不需要時一直顯示。有誰知道如何擺脫谷歌地圖API中的垂直滾動條？Google InfoWindow在不需要時顯示垂直滾動條

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

任何幫助表示讚賞，

斯科特

來源

2013-10-30 user2938888

我似乎無法複製你鏈接的頁面（可能已經固定）的問題，雖然它是一個最新Google Maps API的常見問題。

我已經成功地將「line-height：normal！important」樣式應用於地圖的< div >。

來源

2013-12-02 14:54:29 Matt

你可能現在想通了，但如果別人有同樣的問題... 我在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-31 20:15:38

我也有這個問題，只是自己解決它。

它與自動包含的字體有關。

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

在創建信息窗口的HTML內容包裝在一個div並添加一個類：

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

然後一類添加到您的風格：

.infowindowStyle { font-family:Verdana; }

這應該可以解決這個問題爲你。

來源

2014-12-05 17:19:46 JBoom

Google InfoWindow在不需要時顯示垂直滾動條

回答

相關問題