javascript - InfoWindow 图形 "messed up"使用 Google Maps API v3

Question

我只是使用地理编码器在 map 上放置一个标记(在它像 Google 文档中的示例代码一样全部设置并居中之后)并在其上放置一个信息窗口，如下所示:

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 issue 的更通用的解决方案:

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