모든 준비를 마쳤습니다!

개발을 시작하려면 개발자 문서로 이동하세요.

Google Maps JavaScript API 활성화

개발을 시작하기 위해 Google Developers Console에서 우선적으로 해야 할 일을 몇 가지 소개하겠습니다.

  1. 프로젝트 생성 또는 선택
  2. Google Maps JavaScript API 및 관련 서비스 활성화
  3. 적합한 키 생성
계속

계층

계층은 하나 이상의 별도 항목으로 구성된 지도 상의 객체이지만 단일 단위로 조작됩니다. 일반적으로 계층은 지도 위에 추가한 객체 집합을 반영하여 공통적 연관 관계를 지정합니다. Google Maps JavaScript API는 구성 항목을 하나의 객체(일반적으로 타일 오버레이)로 렌더링하고 지도의 뷰포트 변경 사항으로 표시하여 계층 내에서 객체의 표시를 관리합니다. 또한, 객체는 지도의 프레젠테이션 계층 자체를 변경하여, 계층과 일치하도록 기본 타일을 약간 변경할 수 있습니다. 참고로 대부분의 계층은 디자인에서 개별 객체를 통해 액세스할 수 없고, 하나의 단위로만 조작할 수 있습니다.

계층 개요

Google Maps JavaScript API에는 여러 유형의 계층이 있습니다.

  • Google 지도 데이터 계층은 임의의 지리 공간 데이터를 위한 컨테이너를 제공합니다. 데이터 계층을 사용하여 사용자 지정 데이터를 저장하거나 GeoJSON 데이터를 Google 지도에 표시할 수 있습니다.
  • 퓨전 테이블 계층은 Google 퓨전 테이블에 포함된 데이터를 렌더링합니다.
  • 열지도 계층열지도 시각화를 사용하여 지리적 데이터를 렌더링합니다.
  • KML 계층은 KML 및 GeoRSS 요소를 Google Maps JavaScript API 타일 오버레이로 렌더링합니다.
  • 교통량 계층은 지도에 교통량 상황을 표시합니다.
  • 대중교통 계층은 지도에 도시의 대중교통 네트워크를 표시합니다.
  • 자전거 계층 객체는 자전거 경로 및/또는 자전거에 특정한 오버레이 계층을 공통 계층으로 렌더링합니다. 이 계층은 기본적으로 이동 모드 BICYCLING의 길찾기 요청 시 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);

다음에 대한 의견 보내기...

Google Maps JavaScript API
Google Maps JavaScript API
도움이 필요하시나요? 지원 페이지를 방문하세요.