이 페이지는 Cloud Translation API를 통해 번역되었습니다.

3D 영역 탐색기 시작하기

개요

3D 지역 탐색기 솔루션을 사용하면 완전히 새로운 방식으로 실험 환경 위치를 설정할 수 있습니다. 이 솔루션은 Google 지도의 기능을 활용합니다. 플랫폼 포토리얼리스틱 3D 카드 및 장소 API 매력적인 양방향 3D 환경을 만들 수 있습니다.

3D 지역 탐색기는 다음과 같은 다양한 용도로 설계되었습니다.

지역 탐색 개선: 사용자는 Google 지도를 사용하여 주변 지역을 가상으로 탐색할 수 있습니다. 고도의 시각적 디테일을 통해 지역의 지형지물과 지도에 대한 통찰력을 얻습니다. 있습니다.
위치 기반 내러티브 홍보: 관심 장소 통합 기능 (관심 장소)와 함께 풍부한 설명을 제공하면 내러티브 중심 환경에서 사용자에게 특정 주제에 관해 교육하고 정보를 제공하는 위치
Google 지도 3D 기능을 사용하여 개발 아이디어 얻기: Google 지도를 통해 몰입도 높은 3D 지도 제작에 Google의 3D 매핑 데이터가 지닌 잠재력을 양방향 지도

시작하기:

사용 설정

핵심 기술

이 솔루션은 다음 두 가지 핵심 기술을 사용하여 구축되었습니다.

Google Maps Platform API:

Google Maps Platform의 여러 API를 사용하여 기본 지도와 데이터를 가져옵니다. 방법은 다음과 같습니다.

Google 지도 실사 3D 타일: 건물과 지형의 고해상도 3D 모델은 생생하고 생생한 현장감을 선사합니다. 도시 환경을 시각적으로 흥미롭게 표현했습니다.
Places API: 앱은 포인트에 대한 자세한 정보를 식별하고 표시할 수 있습니다. 탐색 영역 내 관심분야 (POI)를 통해 도움이 될 수 있습니다
자동 완성 사용자가 특정 위치나 지역을 검색할 때 있습니다.

CesiumJS

CesiumJS는 고해상도 3D 이미지 생성 및 표시됩니다. Google 포토리얼리스틱 3D의 로드와 시각화를 처리하여 건물과 지형의 3D 메시 모델을 제공하는 타일.

카메라 관리: CesiumJS는 카메라의 위치, 방향, 움직임입니다. 여기에는 다음이 포함됩니다.

지정된 주변 지역에 초점을 두도록 초기 시점 설정 앱을 로드한 후
자동화된 궤도와 같은 동적 카메라 움직임 구현 만들 수 있습니다.
이러한 지형지물이 포함된 경우 지구본과의 사용자 상호작용 처리 (화면 이동, 확대/축소, 회전)

실사 3D 타일의 기능 알아보기 3D 타일 렌더기를 사용합니다.

주요 구성요소

애플리케이션은 다음과 같은 두 가지 앱으로 나뉩니다.

관리자 앱
데모 앱

이 다이어그램은 Cloud Storage와 두 가지 애플리케이션인

각 앱을 자세히 조사하는 것이 좋습니다.

관리자 앱

이 애플리케이션은 사용자 친화적인 인터페이스를 제공하여 3D 환경입니다.

위치 검색 : 통합된 Google Maps Platform Autocomplete를 사용합니다. 검색창을 사용하여 표시할 지역을 찾으세요. 원하는 카메라가 해당 지역으로 매끄럽게 이동합니다.
카메라: 카메라 이동 속도와 궤도 유형을 조정하여 선택할 수 있습니다.
장소 (POI): 원하는 장소의 밀도, 검색 반경 및 식당, 카페, 명소 등)를 추천하고 싶을 수도 있습니다.

이 앱을 사용하여 최종 사용자의 환경을 맞춤설정하세요.

모든 맞춤설정에 대한 자세한 설명이 있습니다. 3D 영역 탐색기 맞춤설정.

데모 앱

이것은 사용자가 직접 작업할 수 있는 구성을 로드하는 최종 사용자 대상 관리 앱에서 생성됩니다 이러한 몰입형 3D 환경에서 사용자는 선택한 지역을 탐색하고 강조표시한 장소를 찾을 수 있습니다.

관리 앱을 사용하여 디자인과 분위기를 맞춤설정한 후에는 다음을 수행할 수 있습니다. 구성을 다운로드하고 소스 코드에서 커스텀 애플리케이션을 실행합니다.

사용자 환경

이 애플리케이션의 몇 가지 주요 기능은 다음과 같습니다.

사용자는 건물, 장소, 도시 등 특정 지역을 양방향으로 3D로 탐색할 수 지형을 확인할 수 있습니다.
사용자가 주변 장소 (예: 박물관, 공원, 있습니다.
장소를 선택하면 자세한 정보나 설명이 표시됩니다. 광고가 표시됩니다.
개발자는 설정 및 설정을 통해 탐색 분석 환경을 맞춤설정할 수 있습니다. 관리 기능을 사용할 수 있습니다.
자동 회전이 사용 설정되어 카메라가 자동으로 회전합니다. 선택합니다.

기본 요건

Google Maps API 키: 다음 API에서는 유효한 API 키가 필요합니다. 사용:
웹 서버: 다음 중 하나에서 애플리케이션을 제공할 수 있습니다.
- 로컬 웹 서버 (예: Node.js, http-server 사용)
- 정적 웹 호스팅 서비스 (애플리케이션에 Dockerfile과 함께 제공)

리드미에서 배포 옵션에 대한 자세한 설명을 확인할 수 있습니다. 섹션을 참조하세요.

배포

노드 애플리케이션이나 Docker 컨테이너로 앱을 배포할 수 있습니다. 컨테이너 환경(예: GKE 또는 GAE. 호스팅된 데모는 다음을 사용합니다. 아키텍처:

이 아키텍처에서 코드는 GitHub 프로젝트에 있습니다.
Cloud Build가 메인으로 푸시할 때마다 코드를 선택하고 빌드를 트리거합니다. 연산으로 해석됩니다.
빌드의 일부로 API 키를 삽입하고 이미지를 생성한 다음 Artifact Registry에 저장됩니다
마지막으로 Artifact Registry에서 Cloud로 안정적인 최신 이미지를 배포합니다. 실행할 수 있습니다
또한 몇 가지 상태 점검과 모니터링을 실행하여 할 수 있습니다

청구 정보

3D 지역 탐색기 솔루션은 Google Maps Platform 서비스를 사용하여 몰입도 높고 역동적인 경험을 제공합니다. 일부 API에는 요금이 부과될 수 있습니다. 개요 가격 책정 링크를 확인할 수 있습니다

Google Maps Platform - 3D 타일 API:

스토리텔링 솔루션은 3D 타일 API를 활용하여 풍부한 경험을 할 것입니다. 3D 타일 관련 가격 세부정보 API에서 Google Maps Platform 참조 - 3D Tiles API 가격 책정을 참조하세요.

Google Maps Platform - Places API:

Places API는 위치 기반 데이터에 사용되어 스토리텔링 경험을 만족해야 합니다 Google Kubernetes Engine 및 Places API,Google Maps Platform 방문 - Places API 가격 책정을 참조하세요.

Google Maps Platform - Autocomplete API:

자동 완성 기능은 사용자 상호작용을 향상합니다. 가격 책정 세부정보 관련 내용은 Google Maps Platform을 참조하세요. Place Autocomplete 가격 책정을 참조하세요.

CesiumJS:

CesiumJS는 3D 지구본에 사용됩니다. 시각화입니다. CesiumJS 자체는 오픈소스이지만 추가 기능이나 서비스에 자체 관련 비용이 발생할 수 있습니다. 자세한 내용은 CesiumJS 프리미엄 오퍼링에 대한 문서입니다.

요금이 청구되므로 각 API의 가격 책정 세부정보를 검토해야 합니다. 사용량에 따라 개별적으로 결정됩니다. Google Maps Platform에서는 일정량의 사용량이 무료로 제공되는 무료 등급 및 가격을 제공합니다. 요청 수 및 사용량과 같은 요인에 따라 다를 수 있습니다. 리전으로 나뉩니다

항상 공식 가격 페이지에서 정확한 최신 정보를 확인하세요. Google Maps Platform 및 CesiumJS 사용 비용에 관한 정보 규정 준수 보장 Google 서비스 약관에 따라 관련된 비용을 효과적으로 이해할 수 있습니다.

결론

이 문서에서는 3D 영역 탐색기의 기능을 간략히 설명합니다. 구성요소, 사용자 환경, 기술 요구사항 등이 포함됩니다.

Google의 실사 3D 타일과 Places API를 활용하여 주변 지역 가상 탐험, 관심 장소 발견, 현지 역사에 대해 배우기도 했습니다.

지역 소개, 탐구 강화, 디지털 홍보 3D 지역 탐색기는 시각적으로 멋진 플랫폼을 제공합니다.

데모를 사용해 보고 관리 앱으로 맞춤설정하여 매력적이고 제공할 수 있습니다.