InfoWindow图形使用Google Maps API v3"搞砸了"

Question

我只是在地图上放置一个标记(在Google文档中的示例代码中设置和居中后),使用地理编码器并在其上放置一个infoWindow,如下所示:

geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        var marker = new google.maps.Marker({
            position: results[0].geometry.location,
            map: map,
            title: title
        });
        google.maps.event.addListener(marker, 'click', function () {
            console.log('openInfoWindow');
            infoWindow.setContent(content);
            infoWindow.open(map, marker);
        });
    };
});

content只是一个HTML链接,address是一个有效的地址(因为我没有问题显示标记).

正如您在此图片中看到的,我有一个小图形问题:

就像css sprite一样......搞砸了.我不知道这个问题来自哪里,已经有一段时间了,而且我很生气......任何猜测都有助于此.Webkit(Safari和Chrome)和Firefox中的屏幕截图相同.

Answer 1

这是旧的,但这是github问题的更通用的解决方案:

img[src*="gstatic.com/"], img[src*="googleapis.com/"]  {
    max-width: 99999px;
}

Answer 2

就像mkilmanas猜测的那样,这是一个碰撞的CSS声明.我在我的CSS文件中有这个:

img {
  max-width: 300px;
}

我完全清楚这是多么愚蠢.非常感谢mkilmanas.