모든 준비를 마쳤습니다!

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

Google Maps JavaScript API 활성화

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

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

라이브러리

Maps API의 JavaScript 코드는 https://maps.googleapis.com/maps/api/js 형식의 부트스트랩 URL을 통해 로드됩니다. 이 부트스트랩 요청은 Maps API에 사용할 모든 주요 Javascript 객체와 기호를 로드합니다. 일부 Maps API 기능도 자체 포함된 라이브러리에서 이용할 수 있습니다. 이 라이브러리는 특별히 요청하지 않는 한 로드되지 않습니다. 추가 구성 요소를 라이브러리로 분할하면 메인 API가 신속하게 로드(및 구문 분석)할 수 있습니다. 필요할 때 라이브러리를 로드하고 구문 분석하는 추가 오버헤드만 발생합니다.

libraries 매개변수를 지정하고 그 매개변수에 하나의 라이브러리 또는 복수의 라이브러리 이름을 전달하여 부트스트랩 내에 로드할 추가 라이브러리를 지정합니다. 쉼표로 구분된 목록으로 복수의 라이브러리를 지정할 수 있습니다. 라이브러리가 로드되면 google.maps.libraryName 네임스페이스를 통해 액세스할 수 있습니다.

다음 라이브러리를 이용할 수 있습니다.

  • drawing은 사용자가 지도에 폴리곤, 사각형, 폴리라인, 원, 마커를 그릴 수 있는 그래픽 인터페이스를 제공합니다. 자세한 내용은 그리기 라이브러리 문서를 참조하세요.
  • geometry에는 지표면의 스칼라 기하학 값(거리 및 영역)을 계산하기 위한 유틸리티 함수가 포함되어 있습니다. 자세한 내용은 기하학 라이브러리 문서를 참조하세요.
  • places는 애플리케이션이 지정된 영역에서 시설이나 지리적 위치, 유명한 관심 지점 등의 장소를 검색할 수 있게 해줍니다. 자세한 내용은 장소 라이브러리 문서를 읽어보세요.
  • visualization은 열지도와 Google Maps Engine 데이터를 포함한 데이터의 시각적 표현을 제공합니다. 자세한 내용은 시각화 라이브러리 문서를 읽어보세요.

다음 부트스트랩 요청은 Maps JavaScript API의 google.maps.geometry 라이브러리를 요청하는 방법을 보여줍니다.

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry">
</script>

여러 라이브러리를 요청하려면 쉼표로 구분하세요.

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry,places">
</script>

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

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