모든 준비를 마쳤습니다!

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

Google Maps JavaScript API 활성화

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

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

지도에 그리기

지도에 객체를 추가하여 점, 선, 영역 또는 객체 집합을 지정할 수 있습니다. Google Maps JavaScript API에서는 이러한 객체를 오버레이라고 부릅니다. 오버레이는 위도/경도 좌표에 연동되어 있으므로, 지도를 드래그하거나 확대/축소하면 움직입니다.

오버레이 유형

Google Maps JavaScript API에는 프로그래밍 방식으로 추가할 수 있는 여러 가지 유형의 오버레이가 있습니다.

  • 지도에서 단일 위치는 마커를 사용하여 표시됩니다. 때로는 마커가 사용자 지정 아이콘 이미지를 표시할 수 있는데, 이러한 경우 대개 "아이콘"으로 불립니다. 마커를 참조하세요.
  • 정보 창은 지도의 특정 위치에서 팝업 풍선 안에 콘텐츠(보통 텍스트나 이미지)를 표시하는 특수한 종류의 오버레이입니다. 정보 창을 참조하세요.
  • 지도 상의 선은 위치의 순차적 시퀀스를 나타내는 폴리라인을 사용하여 표시됩니다. 셰이프를 참조하세요.
  • 지도에서 임의의 셰이프 영역은 폴리곤을 사용하여 표시됩니다. 폴리라인과 마찬가지로 폴리곤은 위치의 순차적 시퀀스입니다. 폴리라인과 달리 폴리곤은 닫힌 영역을 정의합니다. 셰이프를 참조하세요.
  • 지도에서 사각형을 정의할 수도 있습니다.
  • 기호를 사용하여 마커에서 아이콘을 사용자 지정하거나 폴리라인에 이미지를 추가합니다. 기호는 SVG 경로 표기법을 사용하여 경로에 의해 정의되는 벡터 기반 이미지입니다. API는 기호를 표시하는 방법을 제어하는 옵션도 제공합니다. 기호를 참조하세요.
  • 지도에 이미지를 배치하려는 경우, 그라운드 오버레이를 사용할 수 있습니다. 그라운드 오버레이를 참조하세요.
  • OverlayView 인터페이스를 구현하여 자신만의 사용자 지정 오버레이를 구현할 수도 있습니다. 사용자 지정 오버레이를 참조하세요.
  • 지도 계층은 오버레이 지도 유형을 사용하여 표시할 수 있습니다. 기본 지도 타일 집합을 대체하거나 기존 기본 지도 타일 집합 위에 오버레이로 나타나는 사용자 지정 지도 유형을 생성하는 방식으로 자신만의 타일 집합을 생성할 수 있습니다. 사용자 지정 지도 유형을 참조하세요.

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

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