레이어

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

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

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

기본 레이어 표시하기

NAVER 지도 API v3에서 제공하는 기본 레이어를 표시하려면 각 레이어의 인스턴스를 생성하고 init 이후, 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();

naver.maps.Event.once(map, 'init', function() {
    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: 사용자 정의 레이어 만들기