레이어

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

레이어는 하나 이상의 별개 항목으로 구성된 지도상의 객체이지만 단일 단위로 조작할 수 있습니다. 일반적으로 레이어는 지도 위에 추가한 객체의 모음을 반영하여 공통된 연관 관계를 지정합니다. Maps JavaScript API는 구성 항목을 하나의 객체(일반적으로 타일 오버레이)로 렌더링하고 지도의 표시 영역이 변경되면 객체를 표시하여 레이어 내 객체의 표시를 관리합니다. 또한 레이어는 레이어와 일치하는 방식으로 기본 타일을 약간 변경하여 지도 자체의 표시 레이어를 변경할 수도 있습니다. 대부분의 레이어는 개별 객체를 통해 액세스할 수 없도록 설계되었지만 하나의 단위로만 조작할 수 있습니다.

레이어 개요

Maps JavaScript API에는 다음과 같은 여러 유형의 레이어가 있습니다.

• Google 지도 데이터 레이어는 임의의 지리 공간 데이터를 위한 컨테이너를 제공합니다. 데이터 레이어를 사용하여 맞춤 데이터를 저장하거나 Google 지도에 GeoJSON 데이터를 표시할 수 있습니다.
• 히트맵 레이어는 히트맵 시각화를 사용하여 지리 데이터를 렌더링합니다.
• KML 레이어는 KML 및 GeoRSS 요소를 Maps JavaScript API 타일 오버레이로 렌더링합니다.
• 교통정보 레이어는 지도에 교통상황을 표시합니다.
• 대중교통 레이어는 지도에 도시의 대중교통 네트워크를 표시합니다.
• 자전거 레이어 객체는 자전거 전용도로 또는 자전거 관련 오버레이를 일반 레이어로 렌더링합니다. 이동 수단 자전거의 경로를 요청하면 DirectionsRenderer 내에서 기본적으로 이 레이어가 반환됩니다.

레이어 추가

지도에 레이어를 추가하려면 setMap()을 호출하고 레이어를 표시할 지도 객체에 전달해야 합니다. 마찬가지로 레이어를 숨기려면 setMap()을 호출하여 null을 전달하세요.

아래의 스니펫은 영국 런던을 지도의 중앙에 배치하고 대중교통 레이어를 추가합니다.

var mapOptions = {
  zoom: 13,
  center: new google.maps.LatLng(51.5,-0.11)
}

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);