Maps JavaScript API는 전 세계 어느 위치든 표시하는 지도를 만들고, 맞춤 그래픽, 애니메이션, 대화형 맞춤 데이터 레이어를 추가하고, Maps JavaScript API의 Places API를 사용하여 위치 인식 기능을 만들 수 있는 클라이언트 측 웹 API입니다. Maps JavaScript API를 사용하면 다음 작업을 할 수 있습니다.
- 2D 및 3D 지도를 만들어 전 세계 어디서나 위치를 표시합니다.
- 맞춤설정 가능한 마커를 추가하여 지도에 위치를 표시합니다.
- 장소 라이브러리를 사용하여 2억 개가 넘는 장소의 위치 데이터를 가져옵니다.
- 지도의 스타일과 색상을 맞춤설정합니다.
- 대화형 맞춤 데이터 레이어를 추가합니다.
- 행정 구역 경계를 표시하고 상호작용할 수 있도록 합니다.
- 지도에 맞춤 2D 및 3D 그래픽과 애니메이션 콘텐츠를 추가합니다.
사용 사례에 적합한 API 선택
코드를 작성하기 전에 웹 애플리케이션 요구사항에 맞는 Google Maps Platform 제품을 선택하세요.
- 웹사이트 연락처 지도 및 경로: 맞춤 JavaScript를 작성하지 않고 비즈니스 위치 지도 또는 경로 링크를 삽입하려면 Maps Embed API 또는 Maps URL을 사용하세요.
- 실시간 위치 및 애셋 추적: 자체 데이터베이스 또는 실시간 스트림(예: Cloud Firestore 또는 WebSocket)의 실시간 GPS 좌표 및 이동 경로를 표시하려면 고급 마커(
AdvancedMarkerElement참조) 및 다중선(Polyline참조)과 함께 Maps JavaScript API를 사용하세요. 모바일 Driver SDK와 백엔드 OAuth 또는 JSON 웹 토큰 (JWT)을 통합하는 차량 공유 및 예약 배송 차량에 Fleet Engine을 예약합니다. - 지도상의 지오펜스 및 안전 구역 반경: 원형 또는 다각형 경계를 그리고 좌표가 경계 내에 있는지 테스트하려면 (지오펜스 및 안전 구역 경계 참고) 원(
Circle참조), 다각형(Polygon참조), Geometry 라이브러리(포함의 경우containsLocation(), 미터 단위 거리의 경우computeDistanceBetween())를 사용합니다.
다음 단계
- 도형 라이브러리
- 시각화 라이브러리
- 오픈소스 라이브러리
- 그리기 라이브러리 (지원 중단됨)