지도 마커 클릭시 z-index 고정이 될까요?

마커가 겹치는 경우가 있어서 마우스 오버된게 강조되서 보이게 하려고
mouseover일때는 marker.setZIndex(999); 를 주고
mouseout일때는 marker.setZIndex(1);을 줬습니다.
click일때는 marker.setZIndex(888); 을 넣어줬습니다.

그런데 클릭한거까지는 괜찮은데 클릭한 상태로 마커 밖으로 마우스를 옮기면 강제로 z-index가 1로 되는상태입니다…
클릭시 z-index가 아닌 클래스명을 넣어주고싶은데 문서를 찾아봐도 못 찾겠어서 질문글 남깁니다.
혹시 다른 방법으로 클릭한 마커가 다른 마커보다 위에 보이도록 할수는 있을까요??

클릭된 마커를 확인할 수 있는 변수가 있다면
마우스 아웃 이벤트 핸들러에서 조건문으로 클릭된 마커는 z-index를 바뀌지 않도록 막아주는 로직을 추가하거나
클릭 이벤트만 사용해서 z-index를 설정하는 방법도 있습니다.

그리고 마커 스타일을 자유롭게 설정하려면 커스텀 오버레이로 마커를 생성해 주세요.
content에 스타일과 클래스등 element 속성을 설정할 수 있습니다.
https://apis.map.kakao.com/web/documentation/#CustomOverlay

감사합니다. 커스텀 오버레이 사용해서 다시 시도해보겠습니다.

1개의 좋아요