Marker Clusterer Plus change icon on hover

google-maps-api-3, google-maps-markers, javascript, markerclusterer

Solution

There is a reference to the div-element that represents the cluster. The first child of this div is the img-element, change the src of this image:

    google.maps.event.addListener(markerCluster,'mouseover',function(c){
      c.clusterIcon_.div_.firstChild.src='hoverIconPath'});

    google.maps.event.addListener(markerCluster,'mouseout',function(c){
      c.clusterIcon_.div_.firstChild.src='normalIconPath'});

Problem

How can I dynamically change the Icon used for a specific Cluster in Marker Clusterer Plus for Google Maps V3? The markers do not seem to expose any methods at all to modify them. I need to do something like this (or equivalent). ``` google.maps.event.addListener(markerCluster, "mouseover", function (cluster) { cluster.setIcon(hoverIcon); }); google.maps.event.addListener(markerCluster, "mouseout", function (cluster) { cluster.setIcon(normalIcon); }); ```

Original source