markerclustererplus css更改为悬停

我正在使用Google Maps API v3和MarkerClustererPlus库。我不想使用栅格图标，而是使用MarkerClusterer对象的styles和ClusterClass属性渲染气泡。这是我在JS代码style对象：markerclustererplus css更改为悬停

var myClusterStyle = [{ 
     url: './icons/placeholder.png', //1x1 transparent png 
     height: 40, 
     width: 40, 
     textColor: '#636363', 
     textSize: 12 
}];

而CSS类：

.cluster { 
    background-color: #EAE6DE; 
    border-radius: 50%; 
    border: 3px solid #ACCCFD; 
    position: absolute; 
}

所以，这些都是与蓝色边框的灰色泡沫。

我的问题是：

我想改变鼠标悬停在单个泡沫的一些性质，让我们说改变颜色或添加阴影。我可以更改泡泡的CSS类吗？我花了很多时间试图解决这个问题，现在我陷入了困境。我有这样的事件：

google.maps.event.addListener(mc,'mouseover',function(c){ 

    c.clusterIcon_.setValues({className_:'clusterHover'}); 
});

，它确实改变了泡沫的CSS类选项，但显示没有改变...以下mc.repaint(), c.clusterIcon_.draw()没有帮助。

我已经看到此线程： Marker Clusterer Plus change icon on hover 但这是为了改变图标，而不是风格属性。这是真的有可能不修改库？任何帮助，将不胜感激。

来源

2014-04-24 AlexYes

您可以设置类直接的div：

c.clusterIcon_.div_.className='clusterHover'

但是当你使用:hover - 伪类会容易得多

.cluster:hover { 
    /* some styles */ 
}

来源

2014-04-24 22:38:54

markerclustererplus css更改为悬停

回答

相关问题