Google Maps Api V3 - Internet Explorer 7 и 8 - перетаскивание карты недостающими тайлами

Question

Кто-нибудь сталкивался со сценарием, в котором перетаскивание карты работает в IE 7 или 8, но некоторые фрагменты карты отображаются серым цветом?Добавлено изображение, демонстрирующее это странное поведение:

Это происходит только в IE 7 и 8. Chrome, FF и т. Д. Все работают должным образом.

Answer 1

Наконец-то разобрался.Пришлось перепроектировать CSS и HTML, потому что это не было проблемой JavaScript или API Google.Оказалось, что следующий 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);
}

Answer 2

Я бы проверил, запускается ли событие 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');
});