javascript - 一次只打开一个信息窗口

Question

我正在创建一个带有多个标记的 Google map 。目前每个标记都有一个信息窗口，我怎样才能一次只打开一个信息窗口？

目前它会在点击 map 时关闭所有窗口。

我知道这个问题已被问过几次，但代码似乎与我的大不相同。

// if marker contains HTML, add it to an infoWindow
if( $marker.html() )
{
    // create info window
    var infowindow = new google.maps.InfoWindow({
        content     : $marker.html()
    });

    // show info window when marker is clicked
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open( map, marker );
    });

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

}

Answer 1

试试这个:只声明一个信息窗口( map 全局的，而不是标记的)。

var infoWindow;
...
if( $marker.html() ){
    google.maps.event.addListener(marker, 'click', function() {
      if (infoWindow) infoWindow.close(); 
      infoWindow = new google.maps.InfoWindow({
         content     : $marker.html()
       });
       infoWindow.open( map, marker );
    });
}