Marker Clusterer Plus change icon on hover

2019-06-26 07:51发布

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

2条回答
手持菜刀,她持情操
2楼-- · 2019-06-26 08:30

There is some changing in last google maps.

    google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {
    cluster.clusterIcon_.div_.style.backgroundImage = 'url("linktoyourimage")'})

Image icon moved to background.

查看更多
贼婆χ
3楼-- · 2019-06-26 08:33

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'});
查看更多
登录 后发表回答