谷歌地图的加载屏幕

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/