infoWindow sur MarkerClusterer dans google maps

Question

J'ai besoin de infoWindow pour être ouvert au lieu de zoomer sur la carte, en cliquant sur le ClusterMarker. J'utilise la bibliothèque Gmaps util MarkerClusterer pour créer un cluster de marqueurs. J'ai essayé de changer la ligne suivante dans markerclusterer.js

ClusterMarker_.prototype = new GOverlay(); 

avec

ClusterMarker_.prototype = new GMarker(); 

pour que je puisse obtenir la fonction openInfoWindow() dans le clustermarker, mais cela n'a pas fonctionné. J'ai une erreur. Si possible, veuillez suggérer une solution pour que cela puisse être fait avec MarkerClusterer. Ou bien n'importe quelle autre bibliothèque qui sera capable de faire ceci. Toute aide sera appréciée.

Answer 1

Vous êtes probablement mieux modifier l'événement click pour le marqueur en markerclusterer.js à partir de la ligne 672.

Actuellement:

GEvent.addDomListener(div, "click", function() { 
    var pos = map.fromLatLngToDivPixel(latlng); 
    var sw = new GPoint(pos.x - padding, pos.y + padding); 
    sw = map.fromDivPixelToLatLng(sw); 
    var ne = new GPoint(pos.x + padding, pos.y - padding); 
    ne = map.fromDivPixelToLatLng(ne); 
    var zoom = map.getBoundsZoomLevel(new GLatLngBounds(sw, ne), map.getSize()); 
    map.setCenter(latlng, zoom); 
    }); 

changement à quelque chose comme:

GEvent.addDomListener(div, "click", function() { 
    map.openInfoWindowHtml(latlng, "Put your infowindow content here"); 
    }); 

De toute évidence, en fonction de combien vous voulez faire abstraction des choses, vous pouvez faire quelques choses:

• Ajouter des options de configuration à MarkerClusterer pour indiquer si vous souhaitez faire un zoom dans la fonctionnalité ou la fonctionnalité infowindow
• définir une configuration de fonction de rappel vous permet de spécifier quelle fonction MarkerClusterer appellera lorsqu'un cluster est cliqué.

Answer 2

Pour MarkerCluster v3 il y a un événement personnalisé nommé « clusterclick », qui renvoie l'objet markerCluster, alors vous pouvez obtenir son centre et l'affecter à un InfoWindow, quelque chose comme ceci:

google.maps.event.addListener(mc, 'clusterclick', function (mCluster) { 
    //infowindow must be declared before in your code 
    infowindow.setContent("your info"); 
    var myLatlng = new google.maps.LatLng(mCluster.getCenter().ya, mCluster.getCenter().za); 
    infowindow.setPosition(myLatlng); 
    infowindow.open(map); 
}); 

aussi, vous devez définir l'option sur zoomOnClick faux:

var mcoptions = { zoomOnClick: false, showText: true, averageCenter: true} 
var mc = new MarkerClusterer(map, markersArray, mcoptions);