markerClusterer on click zoom

Question

I just added a MarkerClusterer to my google map. It works perfectly fine.

I am just wondering if there is any way of adjusting the zoom-in behaviour when the cluster is clicked. I would like to change the zoom level if possible.

Is there any way of achieving this?

Thanks

Answer 1

There has been an update to the MarkerClusterer source code, allowing much easier access to the click event:

google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {     // your code here }); 

where 'markerCluster' ist the MarkerCluster object. Inside the function you may also access

cluster.getCenter(); cluster.getMarkers(); cluster.getSize(); 

I use this to switch to a different map type, as I use a custom tile set for easier overview on lower zoom levels:

map.setCenter(cluster.getCenter()); // zoom to the cluster center map.setMapTypeId(google.maps.MapTypeId.ROADMAP); // switch map type map.setOptions(myMapOptions); // apply some other map options (optional) 

Regards Jack

Answer 2

You can do this without modifying the source code by using a listener on the clusterclick markerClusterer event:

var mcOptions = {gridSize: 40, maxZoom: 16, zoomOnClick: false, minimumClusterSize: 2}; markerClusterer = new MarkerClusterer(map, markers, mcOptions);  google.maps.event.addListener(markerClusterer, 'clusterclick', function(cluster){     map.setCenter(markerClusterer.getCenter());     map.setZoom(map.getZoom()+1); }); 

ie. I set zoomOnClick=false to have finer control of the map zooming behaviour to control the zoom amount and zoom location each click triggers.