Я заметил, что Google Maps занимает больше времени, чем обычно, для загрузки в эти дни, и заставляет браузер обновляться много раз перед загрузкой. В любом случае, это заставило меня задаться вопросом, как я могу создать экран загрузки для отображения до того, как карта полностью загрузится.
Какие-либо предложения?
Обновление : (В ответ на код Габи)
google.maps.event.addListener(map, 'tilesloaded', function(){ document.getElementById('loading').innerHTML = ''; })
Возможно ли, чтобы загрузочный PNG наложил всю карту и удалил ее непосредственно перед событием с разбивкой по слотам?
Кроме того, вы можете просто установить загрузочное изображение gif в качестве фона div div:
Вы можете прослушать событие с tilesloaded
по tilesloaded
:
google.maps.event.addListener(map, 'tilesloaded', function(){ document.getElementById('loading').innerHTML = ''; })
Вот рабочий jsfiddle: http://jsfiddle.net/96WgM/2/