개요

플랫폼 선택: Android iOS JavaScript

지도 JavaScript의 3D 지도를 사용하면 몰입감 있는 3D 지도 환경을 만들 수 있습니다. 지도 스타일을 맞춤설정하고, 접근성을 개선하고, 유용성을 향상하는 도구를 제공하여 참여도와 상호작용성이 높은 애플리케이션을 개발할 수 있습니다.

Maps JavaScript API의 3D 지도로 할 수 있는 작업의 예시는 다음과 같습니다.

Maps JavaScript에서 3D 지도를 사용하는 이유

지도 JavaScript의 3D 지도 클래스를 통해 애플리케이션에서 Google의 3D 이미지를 사용할 수 있습니다. 3D 지도는 기본 제공되는 3D 렌더링 환경을 제공하므로 3D 지도를 빠르고 원활하게 통합하거나 이를 사용하여 실험할 수 있습니다.

Maps JavaScript의 3D 지도로 할 수 있는 작업

  • 실제 지도 환경 만들기: 포토리얼리스틱 3D 환경으로 위치를 생생하게 표현하여 전례 없는 규모와 세부정보를 제공합니다.
  • 지도의 스타일 맞춤설정:
    • 3D 클라우드 기반 지도 스타일 지정: 기본 지도 포인트의 밀도와 도로 스타일을 제어합니다.
    • 맞춤 마커, 팝오버, 스타일이 지정된 다중선: 지도에서 위치를 식별하도록 마커를 맞춤설정합니다.
    • 3D 모델 및 gLTF 애셋: 건물, 랜드마크 또는 맞춤 객체의 자세한 3D 모델을 추가합니다.
  • 실감 나는 지도 만들기
    • 사전 설정된 카메라 경로: 사전 정의된 카메라 애니메이션으로 3D 지도를 통해 사용자를 안내하고 관심 지점 간에 전환합니다.
    • 사용자 상호작용 제어: 사용자에게 제공되는 컨트롤과 카메라 움직임을 맞춤설정합니다.

Maps JavaScript에서 3D 지도를 사용하는 방법

1 설정하기 JavaScript API 설정으로 시작하여 다음에 나오는 설정 안내를 완료합니다.
2 Maps JavaScript API 요금 청구 방식 이해하기 자세한 내용은 사용량 및 결제를 참고하세요.
3 지도 만들기 자세한 내용은 시작하기를 참고하세요.

적용 범위

지도 JavaScript의 3D 지도의 지원 범위를 확인하세요.

다음 단계

  • 시작하기 가이드를 참고하여 'Hello, World!' 확인해 보세요.
  • 소개 Codelab을 통해 지도에 기능을 추가하는 방법을 알아보세요.
  • 다음 Codelab에서 마커와 애니메이션에 관한 지식을 확장하세요.
  • Google에서 제공하는 샘플 모음에서 사용 사례에 적합한 샘플을 찾아보세요.