信息窗口关闭和 var（谷歌地图 api v3）

Question

在谷歌地图 api v.3 中打开新窗口时，我无法关闭信息窗口。

var infowindow;
function addMarker(id, location) {
contentString = 'some content';

var marker = new google.maps.Marker({
  position: location,
  map: map
});

var infowindow = new google.maps.InfoWindow({
    content: contentString,
    maxWidth: 200
});

google.maps.event.addListener(marker, 'click', function() {
  if (infowindow) infowindow.close();  
  infowindow.open(map, marker); 
});

markersArray[id] = marker;
}

问题在于，在上面的代码中，旧信息窗口在单击新信息窗口时不会关闭，除非我从 var infowindow = new google.maps.InfoWindow({ 但是所有的信息窗口都有相同的内容......

有什么帮助吗？ 谢谢。

Answer 1

使用一个全局变量来包含一个指向最后打开的标记的指针，当打开一个新的时，关闭前一个。像这样

//var infowindow; // <-- removed; should not be global
var openedInfoWindow = null;  // <-- added this here; make sure it's global

function addMarker(id, location) {
    contentString = 'some content';

    var marker = new google.maps.Marker({
        position: location,
        map: map
    });

    var infowindow = new google.maps.InfoWindow({
        content: contentString,
        maxWidth: 200
    });

    google.maps.event.addListener(marker, 'click', function() {
      if (openedInfoWindow != null) openedInfoWindow.close();  // <-- changed this
      infowindow.open(map, marker); 
      // added next 4 lines
      openedInfoWindow = infowindow;
      google.maps.event.addListener(infowindow, 'closeclick', function() {
          openedInfoWindow = null;
      });
    });

    markersArray[id] = marker;
}