markerclustererplus CSS 변경 (호버시)

Question

Google Maps API v3 및 MarkerClustererPlus 라이브러리를 사용하고 있습니다. 래스터 아이콘을 사용하지 않고, styles 및 ClusterClass MarkerClusterer 개체의 속성을 사용하여 거품을 렌더링하는 것을 선호합니다.

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

그래서,이 파란색 테두리가 회색 거품입니다 이것은 내 style JS 코드에서 개체입니다.

내 질문은 :

나는, 마우스 오버에 개인 거품의 일부 속성을 변경의이 색상을 변경하거나 그림자를 추가 말할 수 있도록하고 싶습니다. 버블의 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 그러나 이것은 스타일 속성이 아니라 아이콘을 변경하기위한 것입니다. 라이브러리를 수정하지 않고 이것이 가능합니까? 어떤 도움을 주시면 감사하겠습니다.

Answer 1

직접 사업부의 클래스 설정할 수 있습니다 :

c.clusterIcon_.div_.className='clusterHover' 

을하지만 당신은 :hover -pseudo 클래스를 사용하면 훨씬 쉬울 것

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