개요

플랫폼 선택: Android iOS JavaScript

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

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

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

Maps 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 지도 만들기 자세한 내용은 시작하기를 참고하세요.

적용 범위

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

다음 단계

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