谷歌地图：地图和标记加载后打开信息窗口

Question

我正在使用 google maps api 3。这有点烦人，但我如何在标记和地图加载后获得infowindow.open？

我尝试添加various listeners，例如tilesloaded 和idle，但没有任何乐趣。

在这个工作示例中，您会看到 infowindow 在其他任何内容之前加载： http://codepen.io/anon/pen/WvbexY

function initialize() {
    if (document.getElementById("maper")) {        
       var latlng = new google.maps.LatLng(52.370778, 4.899448);
       var mapOptions = {
         zoom: 11,
         center: latlng,
         scrollwheel: "",
         scaleControl: "",
         disableDefaultUI: "",
          mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var tinygmaps = new google.maps.Map(document.getElementById("maper"), mapOptions);
    var marker = new google.maps.Marker({
      map: tinygmaps,
      position: tinygmaps.getCenter()
    });

    var contentString = '<p>WHY ME FIRST?</p>';
    var infowindow = new google.maps.InfoWindow({
      content: contentString,
      position: latlng,
    });
    infowindow.open(tinygmaps, marker);
    //var openwindow = google.maps.event.addListener(tileListener, 'tilesloaded', open_infowindow); // Hummmm!
  }
}
google.maps.event.addDomListener(window, 'load', initialize);


function open_infowindow() {
  infowindow.open(tinygmaps, marker);
  google.maps.event.removeListener(tileListener);  
};

Answer 1

编辑：更改代码笔以在显示信息窗口之前侦听加载的瓦片。带有tilesloaded监听器的codepen分支在这里：http://codepen.io/brenzy/pen/VLYwGN

因为 SO 需要一些代码：

google.maps.event.addListenerOnce(tinygmaps, 'tilesloaded', function() {
  // open the infowindow
});

在我的机器上，监听 tileloaded 和 idle 似乎功能相同。 （没有任何一个监听器，信息窗口会显示在地图之前。）

我假设你的版本没有工作，因为你错过了这条线

infowindow.open(tinygmaps, marker);

当您进行重构时，信息窗口在侦听器触发之前已打开。