Tener solo una InfoWindow abierta en Google Maps API v3

Cree su infowindow fuera del ámbito para que pueda compartirlo.

Aquí hay un ejemplo simple:

var markers = [AnArrayOfMarkers];
var infowindow = new google.maps.InfoWindow();

for (var i = 0, marker; marker = markers[i]; i++) {
  google.maps.event.addListener(marker, 'click', function(e) {
    infowindow.setContent('Marker position: ' + this.getPosition());
    infowindow.open(map, this);
  });
}

Tuve el mismo problema pero la mejor respuesta no lo resolvió completamente, lo que tuve que hacer en mi declaración for fue usar el esto relacionado con mi marcador actual. Tal vez esto ayude a alguien.

for(var i = 0; i < markers.length; i++){
    name = markers[i].getAttribute("name");
    address = markers[i].getAttribute("address");        
    point = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));                                     
    contentString = '<div style="font-family: Lucida Grande, Arial, sans-serif;>'+'<div><b>'+ name +'</b></div>'+'<div>'+ address +'</div>';                    
    marker = new google.maps.Marker({                       
        map: map,
        position: point,
        title: name+" "+address,
        buborek: contentString 
    });                                     
    google.maps.event.addListener(marker, 'click', function(){
        infowindow.setContent(this.buborek); 
        infowindow.open(map,this); 
    });                                                         
    marker.setMap(map);                 
}

Un poco tarde, pero me las arreglé para tener solo una infowindow abierta por maken infowindow una variable global.

var infowindow = new google.maps.InfoWindow({});

Luego dentro del listner

infowindow.close();
infowindow = new google.maps.InfoWindow({   
    content: '<h1>'+arrondissement+'</h1>'+ gemeentesFiltered                           
});

infowindow.open(map, this);

Declare un globar var selectedInfoWindow; y úselo para mantener la ventana de información abierta:

var infoWindow = new google.maps.InfoWindow({
    content: content
});

// Open the infowindow on marker click
google.maps.event.addListener(marker, "click", function() {
    //Check if there some info window selected and if is opened then close it
    if (selectedInfoWindow != null && selectedInfoWindow.getMap() != null) {
        selectedInfoWindow.close();
        //If the clicked window is the selected window, deselect it and return
        if (selectedInfoWindow == infoWindow) {
            selectedInfoWindow = null;
            return;
        }
    }
    //If arrive here, that mean you should open the new info window 
    //because is different from the selected
    selectedInfoWindow = infoWindow;
    selectedInfoWindow.open(map, marker);
});

Debe realizar un seguimiento de su objeto InfoWindow anterior y llamar al método close cuando maneje el evento click en un nuevo marcador.

N. B No es necesario llamar a close en el objeto ventana de información compartida, llamando a open con un marcador diferente cerrará automáticamente el original. Ver La respuesta de Daniel para más detalles.

Básicamente desea una función que mantenga la referencia a one new InfoBox() = > delegar el evento onclick. Mientras crea sus marcadores (en un bucle) use bindInfoBox(xhr, map, marker);

// @param(project): xhr : data for infoBox template
// @param(map): object : google.maps.map
// @param(marker): object : google.maps.marker
bindInfoBox: (function () {
    var options = $.extend({}, cfg.infoBoxOptions, { pixelOffset: new google.maps.Size(-450, -30) }),
        infoBox = new window.InfoBox(options);

    return function (project, map, marker) {
        var tpl = renderTemplate(project, cfg.infoBoxTpl); // similar to Mustache, Handlebars

        google.maps.event.addListener(marker, 'click', function () {
            infoBox.setContent(tpl);
            infoBox.open(map, marker);
        });
    };
}())

var infoBox se asigna asíncronamente y se guarda en memoria. Cada vez que llame a bindInfoBox() se llamará a la función return en su lugar. También es útil para pasar el infoBoxOptions solo una vez!

En mi ejemplo he tenido que añadir un param extra a la map ya que mi inicialización se retrasa por eventos de tabulación.

Infoboxopciones

Aquí hay una solución que no necesita crear solo una InfoWindow para reutilizarla. Puede continuar creando muchas InfoWindows, lo único que necesita es construir una función closeAllInfoWindows, y llamarla antes de abrir una nueva infowindow. Por lo tanto, manteniendo su código, solo necesita:

1. Crear una matriz global para almacenar todas las ventanas de información

   var infoWindows = [];
   

2. Almacena cada nueva InfoWindow en el array, justo después de la InfoWindow = new...

   infoWindows.push(infoWindow);
   

3. Crear la función closeAllInfoWindows

   function closeAllInfoWindows() {
       for (var i=0;i<infoWindows.length;i++) {
           infoWindows[i].close();
       }
   }
   

4. En tu código, llama a closeAllInfoWindows () justo antes de abrir la ventana de información.

Saludos,

Resuelto de esta manera:

function window(content){
    google.maps.event.addListener(marker,'click', (function(){
        infowindow.close();
        infowindow = new google.maps.InfoWindow({
            content: content
        });
        infowindow.open(map, this);
    }))
}
window(contentHtml);

Google Maps le permite tener una sola ventana de información abierta. Así que si abre una nueva ventana, entonces la otra se cierra automáticamente.