CustomOverlay로 생성된 Element의 부모 객체 접근하는 방법이 있나요

지도/로컬 API
#1

커스텀 오버레이 생성하기1 예시에서, 생성한 custom overlay의 부모 노드에 접근하는 방법이 있는 지 알고 싶습니다.

https://apis.map.kakao.com/web/sample/customOverlay1/

image

예시에서는 아래와 같고, label 까지는 사용자가 구현한 부분인데, DOM Node 자체나 그 상위인 parent에 접근할 수 있을까요?

var content = '<div class ="label"><span class="left"></span><span class="center">카카오!</span><span class="right"></span></div>';

// 커스텀 오버레이가 표시될 위치입니다 
var position = new kakao.maps.LatLng(33.450701, 126.570667);  

// 커스텀 오버레이를 생성합니다
var customOverlay = new kakao.maps.CustomOverlay({
    position: position,
    content: content   
});
#2

문자열이 아닌 HTMLElement로 content를 설정하면 부모 요소를 가져올 수 있습니다.

let content = document.createElement('div');
content.style.cssText = 'background-color:white; padding: 5px';
content.innerText = '카카오'; 

let customOverlay = new kakao.maps.CustomOverlay({
    map: map,
    position: new kakao.maps.LatLng(33.450701, 126.570667),
    content: content   
});

//요소의 상위 요소를 가져옵니다.
console.log(customOverlay.getContent().parentElement);
#3

답변 감사합니다.

1개의 좋아요