谷歌地圖的加載屏幕

Question

我注意到，Google地圖加載這些日子的時間比平常要長，並且導致瀏覽器在加載之前刷新很多次。無論哪種方式，這導致我想知道如何在地圖完全加載之前創建加載屏幕來顯示。

有什麼建議嗎？

更新：（針對加比的代碼）

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

是否有可能有一個裝載PNG覆蓋了整個地圖，不僅僅是tilesloaded事件之前去除呢？

Answer 1

或者，你可以只設置一個加載gif圖片作爲地圖的div背景：

http://jsfiddle.net/c962U/

Answer 2

你可以聽tilesloaded事件：

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

這裏是一個工作的jsfiddle：http://jsfiddle.net/96WgM/2/