아래 코드로 확인해보면 클릭한 위치에 맞게 CustomOverlay가 생성됩니다.
커스텀 오버레이에 적용된 스타일이 영향을 주어 위치가 맞지 않는 경우가 있습니다.
이전 답변도 함께 참고해주세요.
kakao.maps.event.addListener(map, 'click', function (mouseEvent) {
let latLng = mouseEvent.latLng;
lat = latLng.getLat();
lon = latLng.getLng();
//클릭한 위치에 커스텀 오버레이 생성
const customOverlay = new kakao.maps.CustomOverlay({
position: latLng,
content: '<div>click!</div>',
map: map
});
console.log(latLng); // mouseEvent latlng 출력
console.log(customOverlay.getPosition()); // 생성한 커스텀 오버레이 위치 출력
});
https://devtalk.kakao.com/t/topic/95064/2?u=lea.ju
https://devtalk.kakao.com/t/topic/111187/2?u=lea.ju