마커에 오버레이로 이벤트 발생

[Maximilian]

왼쪽 인포윈도우에 이벤트 처리를 하고 클릭하면 오른쪽 오버레이가 생성되는 그림이랑 코드인데 여기서 동일한 이벤트 처리를 하고 인포윈도우에 오버레이로 바꿔서 클릭해서 오버레이가 생성하려면 어떻게 바꿔야 하나요?

[lea.ju]

인포윈도우를 커스텀 오버레이로 변경할 때 오버레이의 클릭 이벤트 등록을 문의하신게 맞나요?
커스텀 오버레이 경우 생성한 HTMLElemet에 직접 이벤트를 적용해서 구현해주셔야 합니다.
아래 답변 확인해주세요.
https://devtalk.kakao.com/t/topic/109275/2?u=lea.ju

[Maximilian]

네 맞습니다. 마우스 이벤트를 발생시키면서 하려고합니다. 이 코드들은 오버레이의 htmlElement들인데 인포윈도우 속성들을 html의 변수나 컴포넌트들을 이런식으로 바꾸라는 거죠? 며칠 전에도 똑같이 했었는데 마커를 클릭하면 오버레이가 표시되질 않았어요.

[lea.ju]

문자열로 생성한 컨텐츠를 HTMLElement로 변경해주시고
컨텐츠의 이벤트는 위 답변 참고해서 생성한 객체에 직접 등록해주세요.
그리고 마커 클릭 시 커스텀 오버레이는 setMap() API를 사용해 지도에 표시해주세요.

아래 링크는 마커-커스텀 오버레이 생성과 이벤트 등록 관련 유사 문의 답변입니다.
함께 참고해주세요.

다중 마커 및 오버레이 닫기 관련 문제

아래 링크와 같이 컨텐츠는 HTMLElement로 생성하여 이벤트를 등록해주시고 스코프 유지를 위해 forEach 또는 함수 스코프로 만들어주세요. https://devtalk.kakao.com/t/topic/41602/5 https://devtalk.kakao.com/t/topic/54337/2 마커를 생성하는 반복문 안에서 모두 처리가 가능합니다. 첫 번째 반복문에 마커 생성, 커스텀 오버레이 생성 및 닫기 이벤트 추가, 마커 이벤트를 등록해주세요. 그리고 커스텀 오버레이 생성 시 map 파라미터를 부여하지 않으면 지도에 올라가지 않기 때문에 위 로직처럼 map 파라미터를 적용하고 setMap(null);을 호출하지 않아도 됩니다. 정리하면 아래와 같은 로직으로 구현이 됩니다. 참고해주세요. positions.forEach(function (pos) { // 마커를 생성합니다 var marker = new kakao.maps.Marker({/* d…

http://apis.map.kakao.com/web/documentation/#CustomOverlay_setMap

로직 수정 후에도 동작하지 않는다면 스크린 샷이 아닌
현상을 확인할 수 있는 소스 코드 또는 URL을 첨부해주세요.