Google Maps API v2 - 信息窗口底部的巨大空隙

我將JavaScript代碼簡化爲下面的示例;這段代碼在我的infoWindow文本下方給了我一個巨大的邊框。用單行infoWindows查看Web上的示例，看起來這是一個標準功能。有什麼辦法可以消除這種情況嗎？Google Maps API v2 - 信息窗口底部的巨大空隙

感謝

var marker = new GMarker(point); 

    map.addOverlay(marker); 

    GEvent.addListener(marker, "mouseover", function() { 

    marker.openInfoWindow('a<br />b<br />c<br />d<br />a<br />b<br />c<br />d<br />a<br />b<br />c<br />d<br />'); 

     } 
    );

更新：找到了答案，這個CSS是造成問題.gmnoprint { font-size:12px; }較小的字體大小似乎是使好像它是顯示的默認字體大小的信息窗口顯示，因此額外的空間。有沒有人有一個好的解決方案？由於

Screenshot in Chrome

來源

2012-03-23 SilverlightFox

您也可以考慮轉移到Maps API V3，因爲V2已被棄用，並可能在明年關閉。 – 2012-03-23 21:24:44

的回答是最簡單的一個：添加新的CSS類的修改字體大小（例如myGoogleMapInfoWindow，並添加<div class="myGoogleMapInfoWindow">在你openInfoWindow論點的內容這使得谷歌地圖API的行爲正確。當然最好是使用DOM對象而不是HTML字符串，現在的答案似乎很明顯，但它是我不得不解決這個問題的其他人的代碼。

來源

2012-03-23 14:34:24 SilverlightFox

Google Maps API v2 - 信息窗口底部的巨大空隙

回答

相關問題