Google Maps Api V3 - Internet Explorer 7和8 - 映射拖动丢失的磁贴

Question

任何人遇到IE 7或8中的地图拖动工作的情况，但有些地图图块是灰色的？添加了图像来演示这种奇怪的行为：

这仅发生在IE 7和8中.Chrome，FF等都按预期工作。

Answer 1

我会查看tilesloaded事件是否被解雇。

google.maps.event.addListener(map, 'tilesloaded', function() {
    console.log("all visible map tiles should be loaded");
});

您还可以尝试触发地图调整大小以在平移后重新加载可见切片。

google.maps.event.addListener(map, 'dragend', function() {
    google.maps.event.trigger(map, 'resize');
});

Answer 2

终于明白了。不得不对CSS和HTML进行反向工程，因为它似乎不是javascript或Google API问题。结果发现以下CSS调用是罪魁祸首：

div#map img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    display:inline-block;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://chart.apis.google.com/chart?chst=d_map_pin);
}