logo
Tutorials Examples naver map js api v3 네이버 지도 API 사용자 정의 OverlayType 설정

사용자 정의 OverlayType 설정

사용자 타일 세부 유형 설정 하기

마침표(.)을 구분자로 원하는 세부 지도 유형을 조합할 수 있습니다.

세부 지도 유형

세부 지도 유형 (overlayType) 설명
bg 해당하는 지도 유형의 배경 표시
ol 실폭 도로, 실선 도로, 행정 경계, 공원 상세, 도로시설물, 시설, 역과 같이 세밀한 요소 표현
ts 지하철 노선도(sw), 버스 정류장(bs)과 같이 대중교통 관련 요소 표현
sw 지하철 노선도만 별도 표시하고 싶을 때
bs 버스 정류장만 별도 표시하고 싶을 때
pr 거리뷰, 항공뷰, 수중뷰와 같이 파노라마 촬영 위치 관련 요소 표현
br 자전거 관련 요소 표현
ar 등산로 관련 요소 표현
lp 지적편집도 표현
ctt 혼잡 교통정보 표현
lko 한국어 라벨 표현
ib 실내지도, 일반 지도 유형(MapTypeId: NORMAL)만 표시 가능

일반 지도 배경 요청

var map = new naver.maps.Map('map', {
  useStyleMap: true,
  zoom: 11,
  mapTypes: new naver.maps.MapTypeRegistry({
    'normal': naver.maps.NaverStyleMapTypeOption.getNormalMap(
      {
        overlayType: 'bg'
      }
    )
  })
});

실행결과

일반 지도 배경 요청

Examples: StyleMap 사용자 정의 OverlayType 설정 예제

위성 지도 배경에 자전거 도로 요청

var map = new naver.maps.Map('map', {
  useStyleMap: true,
  zoom: 11,
  mapTypes: new naver.maps.MapTypeRegistry({
    'normal': naver.maps.NaverStyleMapTypeOption.getSatelliteMap(
      {
        overlayType: 'bg.br'
      }
    )
  })
});

실행결과

위성 지도 배경에 자전거 도로 요청

일반 지도 배경에 실시간 혼잡 교통 정보 요청

var map = new naver.maps.Map('map', {
  useStyleMap: true,
  zoom: 11,
  mapTypes: new naver.maps.MapTypeRegistry({
    'normal': naver.maps.NaverStyleMapTypeOption.getNormalMap(
      {
        overlayType: 'bg.ol.ts.ctt.lko'
      }
    )
  })
});

실행결과

일반 지도 배경에 실시간 혼잡 교통 정보 요청