Marker Clusterer Plus 悬停时更改图标答案

【问题标题】：Marker Clusterer Plus change icon on hoverMarker Clusterer Plus 悬停时更改图标
【发布时间】：2013-12-25 14:46:16
【问题描述】：

如何动态更改用于 Google Maps V3 的 Marker Clusterer Plus 中特定集群的图标？

标记似乎根本没有公开任何修改它们的方法。我需要做这样的事情（或类似的事情）。

google.maps.event.addListener(markerCluster, "mouseover", function (cluster) {
  cluster.setIcon(hoverIcon);
});
google.maps.event.addListener(markerCluster, "mouseout", function (cluster) {
  cluster.setIcon(normalIcon);
});

【问题讨论】：

“Marker Clusterer Plus”库的链接不起作用。可以提供链接吗？
这大概就是：github.com/googlemaps/v3-utility-library/tree/master/…
好的。非常感谢！

标签： javascript google-maps-api-3 google-maps-markers markerclusterer

【解决方案1】：

有一个对代表集群的 div 元素的引用。这个div的第一个子元素是img-element，改变这个图片的src：

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

【讨论】：

谢谢！这实际上工作得很好。然而，我的意思是改变完整的Style，即修改url、字体颜色、大小等。而且，唯一的方法是链接两个私有方法，这很遗憾。

【解决方案2】：

上次的谷歌地图有一些变化。

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

图像图标移至背景。

【讨论】：

【解决方案3】：

对我来说，以下路径有效： cluster.clusterIcon.div.firstChild.src

【讨论】：