[220106] JS Naver Map CustomOverlay Marker 정렬2

웹개발(HTML,JS,PHP)

Choi Jaekuk 2023. 1. 6. 13:31

[220106] JS Naver Map CustomOverlay Marker 정렬

Kakao Map은 키오스크와 같은 Window(Touch)기기를 공식 지원하지 않는다 따라서 기존 Kakao Map을 쓰던 웹 프로젝트에서 Kiosk로 확장을 위해 Naver Map으로 API를 변경하였다. 다만 변경 과정에서 kakao.maps.Cus

cjk09083.tistory.com

지난글에서 CustomOverlay를 Naver Map으로 변경한 이후 화면 바깥에서 줌인/아웃을 하면

아래 그림과 같이 width가 작아지는 현상이 나타났다.

이를 해결하기 위해 지난번에 추가한

this._element.css('left', pixelPosition.x - farmName.length * 5.5);
this._element.css('top', pixelPosition.y + 10);

의 밑부분에 아래와 같은 CSS도 추가해주었다.

this._element.css('text-align', 'center');
this._element.css('width', 'max-content');

[JS] DatePicker 위치 input 위치로 변경 (0)	2023.08.11
[HTML] Div Height 남은 화면크기로 맞추기 (0)	2023.08.03
[230225] Naver maps에서 경로, 마커, 정보 표시하기 (1)	2023.02.25
[230209] chatGPT 체험기 (0)	2023.02.09
[220106] JS Naver Map CustomOverlay Marker 정렬 (0)	2023.01.06

IoT DEV