Schließen Sie Infofenster in Google Maps, indem Sie auf die Karte klicken?

Question

Ich mache eine mobile Web-App.

Teil der App fällt mehrere Marker, die zum Öffnen von Info-Fenstern angeklickt werden können. Es irritiert mich, dass diese nicht verschwinden, wenn Sie die Karte weiterhin verwenden, ohne sie zu bestätigen, wie in der iOS-Karten-App.

Gibt es eine Möglichkeit, es so einzurichten, dass, wenn der Benutzer auf die zugrunde liegende Karte klickt, alle geöffneten Infofenster geschlossen werden?

Answer 1

hinzufügen Zuhörer zur Karte klicken Veranstaltung und in der Nähe Infobox in seinen Handler

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(); 
    } 
}); 

ich das auf typische Websites, aber sieht keinen Grund, es nicht auf mobilen

Answer 2

arbeiten würde versuchen, diese :

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

Es ist ziemlich einfach und sollte auch funktionieren.

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; 
    }); 
}); 

funktioniert perfekt