Cluster 에 마우스오버시 css

카카오맵 API (지도/로컬)
,
11

위 예제는 이벤트보다 스타일 적용에 대한 부분만 생각하다 보니
구현이 좀 잘못된 것 같습니다. 죄송합니다.

클러스터링이 끝나면 각 클러스터러 overlay에 이벤트를 추가하고
class를 적용하는 로직으로 다시 예제 만들어보았습니다.
참고 부탁드립니다.

// 클러스터링이 완료됐을 때 발생한다.
kakao.maps.event.addListener(clusterer, 'clustered', function(clusters ) {
    for(var i=0; i<clusters.length; i++){            
        var cluster = clusters[i];
		var overlay = cluster.getClusterMarker().getContent();
        
        // 각 클러스터의 overlay에 mouseover 이벤트를 등록합니다.
        overlay.addEventListener('mouseover', function() {
            if(!this.classList.contains('div_over')) {      
                this.classList.add('div_over');
            }
        });
        
        // 각 클러스터의 overlay에 mouseout 이벤트를 등록합니다.
        overlay.addEventListener('mouseout', function() {
            if(this.classList.contains('div_over')) {
                this.classList.remove('div_over');
            }
        });
    }
});