How to show/hide a MarkerCluster in google maps v3?

javascript google-maps-api-3 markerclusterer
Gabi Purcaru picture Gabi Purcaru · Oct 30, 2010 · Viewed 14.5k times · Source

I need to have different markers for different mapTypes, and I'm pushing them to a MarkerClusterer.

I "hide" the markers with:

cluster.set("map", null);
cluster.resetViewport();
cluster.redraw();

And "show" them with:

cluster.set("map", MAP);
cluster.resetViewport();
cluster.redraw();

The problem is that MarkerClusterer seems to not like set("map", null); it throws the error TypeError: Object #<a MarkerClusterer> has no method 'remove'. How can I show/hide them the proper way?

Answer

Micros picture Micros · Mar 22, 2012

In the Javascript API v3 it is sufficient to say:

clusterer.setMap(null);

If you set your map back to the existing map object, the clusters will reappear.

clusterer.setMap( this.map );

Also, I would suggest not to name your Clusterer 'cluster', like in your example. The MarkerClusterer contains Cluster objects, which are the actual clustered markers and not the ClusterER itself.

Related questions

Styling MarkerClusterer Icons?

I am using the MarkerCluster.js to create clustering in my google maps api. The clusters work how I want them however I want to style differently than yellow, blue and red circles. I was trying to use the MarkerStyleOptions …

Read More
Adding simple marker clusterer to google map

I'm having problems with adding marker clusterer functionality to my map. What I want is to use custom icon for my markers and every marker has its own info window which I want to be able to edit. I did …

Read More
Google Map API V3- MarkerClusterer undefined

I followed the library and youtube guide to add marker clusterer to my map but I got the problem. MarkerClusterer undefined I have defined MarkerClusterer as show in the guide, but still got the above error. below is my code &…

Read More