Google Maps API v2 - infoWindow底部的巨大差距

时间:2012-03-23 12:59:45

标签: javascript css google-maps google-maps-api-2

我已将JavaScript代码简化为以下示例;这段代码在infoWindow的文本下方给了我一个巨大的边框。使用单行infoWindows查看网络上的示例,看起来这是一个标准功能。有没有办法消除这个?

由于

    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; }较小的字体大小似乎使infoWindow显示为显示默认字体大小,因此额外的空间。有没有人有一个好的解决方案?感谢

Screenshot in Chrome

1 个答案:

答案 0 :(得分:0)

答案是最简单的:添加一个修改了字体大小的新CSS类(例如myGoogleMapInfoWindow,并在<div class="myGoogleMapInfoWindow">参数的内容周围添加openInfoWindow。这使得谷歌地图API的行为正确。当然最好使用DOM对象而不是HTML字符串。现在答案显而易见,但这是别人的代码,我必须解决这个问题。