我正在创建html5移动应用程序，我注意到空闲，bounds_changed和tilesloaded事件在地图对象创建和渲染时起火(即使它不可见)。

为了让我的地图在第一次显示时运行代码，我做了以下工作:

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
    });
});

其中变量map是类型为GMap2的对象:

    GEvent.addListener(map, "tilesloaded", function() {
      console.log("Map is fully loaded");
    });

我需要它来计算地图边界，所以这对我来说已经足够了:

new ResizeObserver(()=> updateMapBounds()).observe(map.getDiv())
new IntersectionObserver(()=> updateMapBounds()).observe(map.getDiv())
updateMapBounds();

我正在创建html5移动应用程序，我注意到空闲，bounds_changed和tilesloaded事件在地图对象创建和渲染时起火(即使它不可见)。

为了让我的地图在第一次显示时运行代码，我做了以下工作:

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
    });
});

如果你使用的是Maps API v3，这就改变了。

在版本3中，实际上需要为bounds_changed事件设置一个侦听器，该事件将在映射加载时触发。一旦触发，删除监听器，因为你不希望每次视口边界改变时都被通知。

随着V3 API的发展，这可能会在未来发生变化:-)

您可以每隔n毫秒检查GMap2.isLoaded()方法，以查看映射及其所有磁贴是否已加载(window.setTimeout()或window.setInterval()是您的朋友)。

虽然这不会为您提供加载完成的确切事件，但它应该足以触发Javascript。