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更改爲懸停

回答

相關問題