2012-03-23 54 views
0

我将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

+0

您也可以考虑转移到Maps API V3,因为V2已被弃用,并可能在明年关闭。 – 2012-03-23 21:24:44

回答

0

的回答是最简单的一个:添加新的CSS类的修改字体大小(例如myGoogleMapInfoWindow,并添加<div class="myGoogleMapInfoWindow">在你openInfoWindow论点的内容这使得谷歌地图API的行为正确。当然最好是使用DOM对象而不是HTML字符串,现在的答案似乎很明显,但它是我不得不解决这个问题的其他人的代码。

相关问题