谷歌地图的载入画面

【问题标题】：Loading screen for Google Maps谷歌地图的载入画面
【发布时间】：2011-09-24 01:17:26
【问题描述】：

我注意到这些天 Google 地图的加载时间比平时要长，并导致浏览器在加载前多次刷新。不管怎样，这让我想知道如何在地图完全加载之前创建一个加载屏幕。

有什么建议吗？

更新：（响应 Gabi 的代码）

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

是否可以让加载的 PNG 覆盖整个地图并在 tilesloaded 事件之前将其移除？

【问题讨论】：

【解决方案1】：

你可以收听tilesloaded事件：

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

这是一个有效的 jsfiddle：http://jsfiddle.net/96WgM/2/

【讨论】：

【解决方案2】：

或者，您可以将加载的 gif 图像设置为地图 div 背景：

【讨论】：