如何检查谷歌地图是否已满载？

javascript html google-maps

2022-08-29 23:59:47

我正在将谷歌地图嵌入到我的网站中。一旦谷歌地图被加载，我需要启动一些JavaScript进程。

有没有办法自动检测Google地图何时完全加载，包括磁贴下载和所有？

存在一种方法，该方法应该完全完成此任务，但它不起作用。tilesloaded()

答案 1

这在GMaps v3上困扰了我一段时间。

我找到了一种方法来做到这一点：

google.maps.event.addListenerOnce(map, 'idle', function(){
    // do something only the first time the map is loaded
});

当映射进入空闲状态时，将触发“空闲”事件 - 加载（或加载失败）的所有内容。我发现它比 tilesloaded/bounds_changed更可靠，并且使用方法，在第一次触发“idle”时执行闭包中的代码，然后分离事件。addListenerOnce

另请参阅 Google 地图参考中的事件部分。

答案 2

我正在创建 html5 移动应用程序，我注意到在创建和呈现地图对象时会触发，和事件（即使它不可见）。idlebounds_changedtilesloaded

为了让我的地图在首次显示时运行代码，我执行以下操作：

google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
    //this part runs when the mapobject is created and rendered
    google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
        //this part runs when the mapobject shown for the first time
    });
});