Cerrar infowindow cuando se hace clic en otro marcador

Question

Tengo el siguiente código para abrir una ventana de información cuando se hace clic en un marcador específico y se abre una ventana. ¿Alguien sabe cómo cerrar la ventana de información previa cuando se hace clic en otra?

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

Answer 1

Sólo asegúrese de crear solo un infoWindow en el ámbito global, como este:

infoWindow = new google.maps.InfoWindow; //static infoWindow for all your markers 
google.maps.event.addDomListener(window, 'load', function() { 
    //create your markers here 
    google.maps.event.addListener(marker, 'click', function() { 
       infoWindow.open(map1, marker); //take care with case-sensitiveness 
      }); 
}); 

ACTUALIZACIÓN: caso

• Fix sensibles descubierto por Duncan.
• Ilustre el marcador Los manejadores de clic deben estar conectados después de la creación del marcador, ambos dentro del evento de carga de página.

Answer 2

infowindow.close() cerrará una ventana de información abierta. Sin embargo, depende de cómo esté creando sus infowindows: ¿tiene solo una variable infowindow para manejar todo o está creando múltiples objetos infowindow para cada marcador? Difícil ser más específico sin ver más de su código en esta etapa.

Answer 3

Para cerrar la ventana de información previa cuando se hace clic en otra, debe asegurarse de que el siguiente código se encuentre en el bucle de función initialize().

infoWindow = new google.maps.InfoWindow;

Answer 4

crear una variable global en el archivo JS, nombre que lastOpenedInfoWindow o como se quiera, después de eso cerca que antes de abrir una nueva ventana de información, asignar el "lastOpenedInfoWindow" a la ventana abierta actualmente y así sucesivamente

google.maps.event.addListener(marker, 'click', (function(marker, content, infowindow) { 
     return function() { 
      closeLastOpenedInfoWindow(); 
      infowindow.setContent(content); 
      infowindow.open(map, marker); 
      lastOpenedInfoWindow = infowindow; 
     }; 
    })(marker, makrerdata[i], infowindow)); 
} 


function closeLastOpenedInfoWindow() { 
    if (lastOpenedInfoWindow) { 
     lastOpenedInfoWindow.close(); 
    } 
} 

Answer 5

Asegúrate de tener una instancia de InfoWindow: nueva google.maps.InfoWindow. Por lo tanto, cada vez que se hace clic en el marcador, se abre solo una instancia declarada en su método de inicialización o en InfoWindow declarada globalmente.

var infoWindow = new google.maps.InfoWindow
Asegúrese de que esta ventana de información instanciada solo una vez. De lo contrario, tendrá varias ventanas abiertas cada vez que haga clic en el marcador.

marker.addListener('click', function() {         
    infoWindow.setContent(infowincontent); 
    infoWindow.open(clntLocMap, marker); 
});