Style Editor 연동하기

GL 서브 모듈에서는 Style Editor에서 발행한 커스텀 스타일을 사용할 수 있습니다.

주의사항

커스텀 스타일을 사용하면 기본 지도 유형 및 레이어 기능을 사용할 수 없습니다.

지도 유형 : 일반, 위성, 겹침, 지형도
레이어 : 자전거, 실시간 교통상황, 거리뷰, 지적도

커스텀 스타일 확인

커스텀 스타일을 사용하려면 아래 단계를 먼저 수행해야 합니다.

클라이언트 아이디 발급
지도 스타일을 생성하고 발행합니다. 자세한 내용은 Style Editor 가이드를 참고하세요.
My Style > 메뉴 > My Style ID 확인 화면에서 My Style ID 값을 확인합니다.

커스텀 스타일 연동

커스텀 스타일을 연동하려면 GL 서브 모듈을 로드해야 합니다. 지도를 초기화할 때 MapOptions에서 gl, customStyleId 값을 설정합니다.

<!-- GL 서브 모듈 로드 필수 -->
<script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId={YOUR_NCP_KEY_ID}&submodules=gl"></script>

var mapOptions = {
    center: new naver.maps.LatLng(37.3595704, 127.105399),
    zoom: 10,
    gl: true, // 벡터 지도 활성화
    customStyleId: MY_STYLE_ID // Style Editor에서 발행한 My Style ID
};

var map = new naver.maps.Map('map', mapOptions);