Google地图的加载屏幕

Question

我注意到这些天加载谷歌地图的时间比平时要长,导致浏览器在加载前刷新很多次.无论哪种方式,这让我想知道如何在地图完全加载之前创建一个加载屏幕来显示.

有什么建议？

更新 :(回应Gabi的代码)

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

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

Answer 1

你可以听听这个tilesloaded事件:

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

这是一个工作的jsfiddle:http://jsfiddle.net/96WgM/2/