Экран загрузки для Google Maps

Question

Я заметил, что Google Maps загружается дольше, чем обычно, и заставляет браузер многократно обновляться перед загрузкой.В любом случае, это заставило меня задуматься о том, как создать экран загрузки, который будет отображаться до полной загрузки карты.

Есть предложения?

Обновление : (В ответк коду Габи)

google.maps.event.addListener(map, 'tilesloaded', function(){
    document.getElementById('loading').innerHTML = '';
})

Возможно ли, чтобы загрузочный PNG перекрывал всю карту и удалял ее непосредственно перед событием загруженной плитки?

Answer 1

Вы можете прослушать событие tilesloaded:

google.maps.event.addListener(map, 'tilesloaded', function(){
    document.getElementById('loading').innerHTML = '';
})

Вот рабочий jsfiddle: http://jsfiddle.net/96WgM/2/

Answer 2

В качестве альтернативы, вы можете просто установить изображение загрузки gif в качестве фона карты div:

http://jsfiddle.net/c962U/