javascript - 谷歌地图 : open infowindow after map & marker load

Question

我正在使用 google maps api 3。这有点烦人，但是如何在加载标记和 map 后 获取 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

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

因为 SO 需要一些代码:

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

在我的机器上，监听 tilesloaded 和 idle 似乎功能相同。 (没有任何一个监听器，信息窗口显示在 map 之前。)

我假设你的版本不起作用，因为你错过了这行

infowindow.open(tinygmaps, marker);

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