CustomOverlay 질문입니다

카카오맵 API (지도/로컬)
4

가장 밖의 div의 인라인 스타일 중, position: absolute; 를 지워주세요.
(absolute 포지션을 가진 content가 설정되면 API 내부에서 width/height size를 제대로 잡지 못합니다.)

이 상태라면 태그로 잡은 모양이 지도 좌표의 정 중앙에 위치하게 될 겁니다.

태그 모양 자체가 하단 중앙에 꼬리가 있는 마커모양이니
yAnchor를 1로 줘서 위치를 올려주셔야 합니다.

var customOverlay = new daum.maps.CustomOverlay({
    position: position,
    content: content,
    yAnchor: 1
});

P.S. 혹시나 다음 질문에서 코드를 첨부하실땐
코드를 전체 블락 선택하고
image
저 버튼을 꼭 눌러주세요.
그렇지 않으면 코드 가독성이 떨어지거나
일부 HTML Tag들은 아예 보이지 않습니다.