php - Google map 的加载屏幕

Question

我注意到这些天 Google map 的加载时间比平时长，导致浏览器在加载前刷新多次。无论哪种方式，这让我想知道如何创建一个加载屏幕以在 map 完全加载之前显示。

有什么建议吗？

更新:(响应Gabi的代码)

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

是否可以让加载 PNG 覆盖整个 map 并在 tilesloaded 事件之前将其删除？

Answer 1

你可以监听 tilesloaded 事件:

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

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