点击地图关闭谷歌地图中的信息窗口？

Question

我正在制作一个移动网络应用.

该应用程序的一部分删除了几个标记,可以单击它们打开信息窗口.令人恼火的是,如果你继续使用地图而不承认它们,这些不会消失,就像iOS地图应用程序一样.

有没有办法设置它,以便如果用户点击底层地图,所有打开的信息窗口都关闭？

Answer 1

试试这个:

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

它应该很简单.

Answer 2

将侦听器添加到map的click事件并在其处理程序中关闭信息框

google.maps.event.addListener(map, "click", function(event) {
    for (var i = 0; i < ibArray.length; i++ ) {  //I assume you have your infoboxes in some array
         ibArray[i].close();
    }
});

我在典型的网站上这样做,但是没有看到它在移动设备上不起作用的任何原因

Answer 3

google.maps.event.addListener(marker, 'click', function() {
    if(!marker.open){
        infoWindow.open(map,marker);
        marker.open = true;
    }
    else{
        infoWindow.close();
        marker.open = false;
    }
    google.maps.event.addListener(map, 'click', function() {
        infoWindow.close();
        marker.open = false;
    });
});

完美的工作