[네이버 맵 API] 커스텀 오버레이를 지도의 요소 중 최상단에 두고 싶을때 floatPane 사용하기

위와 같이 목적지 설정 커스텀 오버레이가 출발/도착 마커 , 버스마커보다 하단을 내려가는 문제가 발생했습니다.

<문제가 있던 코드>

overlay.onAdd = function() {
                let overlayLayer = this.getPanes().overlayLayer;
                overlayLayer.appendChild(this._element);
            };

 

위의 코드를 다음과 같이 수정했더니 최상단으로 올라왔습니다.

 

<수정한 코드>

overlay.onAdd = function() {
                let floatPane = this.getPanes().floatPane; // floatPane 레이어를 선택
                floatPane.appendChild(this._element); // 오버레이 요소를 floatPane에 추가
            };

 

 

floatPane 레이어를 선택하는게 핵심 포인트였습니다. 검색으로는 찾기 힘들어서 공유합니다.