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

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

我正在创建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
    });
});

如果你正在使用web组件，那么他们有这样一个例子:

map.addEventListener('google-map-ready', function(e) {
   alert('Map loaded!');
});

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

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

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

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

对于谷歌Maps V3，检查谷歌Maps何时完全加载。

诀窍是把这里所有提交的内容结合起来

首先，你必须创建一个映射的例子:

let googleMap = new google.maps.Map(document.getElementById(targetMapId), 
{
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        streetViewControl: false,
        styles: [
          {
            featureType: "poi",
            elementType: "labels",
            stylers: [
              {visibility: "off"}
            ]
          }
        ],
      });

然后你需要为它设置一个默认位置来加载。它可以在任何地方

googleMap.setCenter({
        lat: 26.12269,
        lng: -80.130172
      });

最后，一旦它完成加载该位置的瓷砖，你可以通过“tilesloaded”事件处理代码，这些代码可以包括重新居中地图，放置标记等。

这可以确保在对映射进行操作之前已经加载了它

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

其他人也建议“空闲”活动，但我运气不太好，因为它对我来说是偶然的。

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

然而当我使用“tilesloaded”时，虽然我确实得到了一个快速的光点，然后跳转到正确的地图视图，但它总是有效的……所以我选择了两害相权取其轻