Avoir juste une InfoWindow ouvrir dans Google Maps API v3

Vous avez besoin de créer un InfoWindow objet, de conserver une référence à elle, et de réutiliser si pour tous les marqueurs. Citant l'API Google Maps Docs:

Si vous souhaitez uniquement une fenêtre d'informations à afficher à la fois (comme c'est le comportement sur Google Maps), il vous suffit de créer une fenêtre d'informations, que vous pouvez réaffecter à des emplacements différents ou des marqueurs sur la carte des événements (tels que l'utilisateur clique).

Par conséquent, vous pouvez simplement créer la InfoWindow objet juste après l'initialisation de votre carte, puis de gérer le click les gestionnaires d'événements de vos marqueurs comme suit. Disons que vous avez un marqueur appelé someMarker:

google.maps.event.addListener(someMarker, 'click', function() {
   infowindow.setContent('Hello World');
   infowindow.open(map, this);
});

Puis le InfoWindow doit fermer automatiquement lorsque vous cliquez sur un marqueur sans avoir à appeler le close() méthode.

J'ai eu le même problème, mais la meilleure réponse ne résout pas complètement, ce que j'ai eu à faire dans ma déclaration a été à l'aide de la ce relatives à mon marqueur actuel. Peut-être que cela aide quelqu'un.

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

Déclarer un globar var selectedInfoWindow; et utilisez-le pour maintenir l'ouverture de la fenêtre info:

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

Fondamentalement, vous voulez une fonction qui maintient la référence à une new InfoBox() => déléguer l'événement onclick.
Lors de la création de vos marqueurs (dans une boucle) utilisation 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 est attribué de manière asynchrone et conservé en mémoire. Chaque fois que vous appelez bindInfoBox() le retour de la fonction sera appelée à la place. Également à portée de main pour passer le infoBoxOptions qu'une seule fois!

Dans mon exemple, j'ai dû ajouter un paramètre à la map que mon initialisation est retardée par l'onglet événements.

InfoBoxOptions

Résolu de cette façon:

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