clusterclick이벤트는 지도가 확대되면서 클러스터가 지워지고 새로 생성하기 때문에
클릭한 클러스터에 스타일을 적용하려면 disableClickZoom: true
옵션을 준 다음 가능합니다.
let clusterer = new kakao.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 10, // 클러스터 할 최소 지도 레벨
disableClickZoom: true //클러스터 클릭 시 지도 확대 여부
});
kakao.maps.event.addListener( clusterer, 'clusterclick', function( cluster ) {
//클러스터러 커스텀 오버레이를 가져옵니다.
const overlay = cluster.getClusterMarker().getContent();
//클러스터러 스타일 출력
console.log(overlay.style);
// color스타일 변경
overlay.style.color = '#ffffff';
});
또는 clustered 이벤트를 등록해서 클러스터러가 모두 생성된 다음
원하는 클러스터를 찾아 스타일을 변경해주세요.
스타일 변경은 아래 답변 함께 참고해주세요.
https://devtalk.kakao.com/t/cluster-css/97425/11?u=lea.ju