logo
Tutorials Examples naver map js api v3 네이버 지도 API 레이어

레이어

레이어는 지도 타일 위에 겹쳐서 노출되는 지도 유형을 말합니다. NAVER 지도 API v3은 다섯 가지 레이어를 기본적으로 제공합니다.

  • 자전거 전용도로와 자전거 관련 오버레이를 하나의 레이어로 제공
  • 교통상황을 나타내는 레이어를 제공
  • 거리뷰를 보여줄 수 있는 영역을 나타내는 레이어를 제공
  • 전국 토지 소개, 지번, 지목, 경계, 도로 철도 등을 나타내는 레이어를 제공
  • 일반 지도 유형과 위성 지도 유형을 함께 나타내는 겹쳐보기 레이어를 제공

지도 유형과 마찬가지로, NAVER 지도 API v3에서 기본적으로 제공하는 레이어 외에 사용자 정의 레이어를 만들 수 있습니다. 자세한 설명은 사용자 정의 레이어 만들기를 참고합니다.

기본 레이어 표시하기

NAVER 지도 API v3에서 제공하는 기본 레이어를 표시하려면 각 레이어의 인스턴스를 생성하고, Map 객체의 setMap 메서드를 호출합니다.

var cadastralLayer = new naver.maps.CadastralLayer();
var streetLayer = new naver.maps.StreetLayer();
var bicycleLayer = new naver.maps.BicycleLayer();
var trafficLayer = new naver.maps.TrafficLayer();

cadastralLayer.setMap(map);
streetLayer.setMap(map);
bicycleLayer.setMap(map);
trafficLayer.setMap(map);

Examples: 네이버 자전거 레이어 표시하기

Examples: 네이버 지적도 레이어 표시하기

Examples: 네이버 실시간 교통상황 레이어 표시하기

사용자 정의 레이어 만들기

레이어는 기본 타일 위에 올라가는 지도 유형입니다. 따라서 사용자 정의 레이어를 만들려면 Layer 클래스를 사용하는 것뿐만 아니라 지도 유형을 만들 때 필요한 부분을 함께 구현해야 합니다.

사용자 정의 지도 유형을 만드는 방법은 지도 유형을 참고합니다.

Layer 클래스는 레이어를 만들 때 구현해야 할 여러 메서드를 제공합니다. 즉, 사용자 정의 지도 유형을 만들고 지도 유형 저장소에 등록합니다.

var myMapTypeRegistry = new naver.maps.MapTypeRegistry({
    'myLayer': myLayerType
}, 'myLayer');

Layer 객체를 생성할 때 앞서 생성한 지도 유형 저장소를 인수로 전달하고, Map 객체의 setMap 메서드를 호출해 레이어를 표시합니다.

var myLayer = new naver.maps.Layer('myLayer', myMapTypeRegistry);
myLayer.setMap(map);

Examples: 사용자 정의 레이어 만들기