このページは Cloud Translation API によって翻訳されました。

3D エリアエクスプローラスタートガイド

概要

3D エリアエクスプローラソリューションは、まったく新しい方法で場所です。このソリューションでは、Google マップのプラットフォーム Photorealistic 3D タイルとプレイス API 訴求力のあるインタラクティブな 3D 環境を作成できます。

3D エリアエクスプローラは、次のような複数の目的で使用できるように設計されています。

エリア探索を強化する: ユーザーは、詳細なビジュアルデータを取得して、地域の特徴や使用できます。
位置情報に基づくストーリーのプロモーション: スポットを組み込む機能詳細な説明とともに（スポット）ストーリー主体のエクスペリエンスを構築して、提供します
Google マップの 3D 機能を使用して開発意欲を高める: Google の 3D マッピングデータが持つ、臨場感あふれるインタラクティブな地図

ご利用方法:

有効にする

主なテクノロジー

このソリューションは、次の 2 つの主要なテクノロジーを使用して構築されています。

Google Maps Platform API:

Google Maps Platform の複数の API を使用して、基本地図とデータを取得します。手順は次のとおりです。

Google Maps Photorealistic 3D Tiles: 建物や地形の高解像度 3D モデルにより、現実的で都市環境を視覚的にアピールできます。
Places API: アプリは、Google Cloud のリソースのスポット（POI）の情報（スポット）地域に根ざした情報です。
予測入力ユーザーが特定の場所や地域を検索できるできます。

CesiumJS

CesiumJS は高解像度の 3D のレンダリングと表示を担当クリックします。Google の Photorealistic 3D の読み込みと可視化を処理タイル: 建物や地形の 3D メッシュモデルを提供します。

カメラの管理: CesiumJS には、カメラのカメラ位置、向き、動きですこれには以下が該当します。

指定した周辺地域にフォーカスする最初の視点を設定します表示されます。
カメラの動的な移動（自動軌道など）の実装アニメーションで探索できます
地球に対するユーザーインタラクションの処理（そのような機能が含まれている場合）（パン、ズーム、回転）。

Photorealistic 3D Tiles の詳細 3D Tiles レンダラを使用する。

主要コンポーネント

このアプリケーションは、次の 2 つの異なるアプリに分かれています。

管理アプリ
デモアプリ

この図は、クラウドリソースと 2 つのアプリケーションがあります。

各アプリをさらに調査することが有益です。

管理アプリ

このアプリケーションでは、カスタマイズできるユーザーフレンドリーなインターフェースを 3D 体験:

場所検索 : 統合された Google Maps Platform の予測入力を使用検索バーをクリックして、紹介するエリアを探します。選択したらそのエリアにカメラがシームレスに移動します
[カメラ]: カメラの移動速度と軌道のタイプを調整して、選択します。
場所（POI）: スポットの密度、検索半径、種類を定義できますレストラン、カフェ、ランドマークなど、ユーザーの興味を引くことができます。

このアプリを使用すると、エンドユーザーのエクスペリエンスをカスタマイズできます。

すべてのカスタマイズの詳細な説明が 3D エリアエクスプローラのカスタマイズ

デモアプリ

これが最後のユーザー向けアプリケーションで、構成を読み込み、作成できます。この臨場感あふれる 3D 環境では、選択したエリアを探索したり、ハイライト表示した場所を確認したりできます。

管理アプリを使用してデザインをカスタマイズすると、構成をダウンロードしてソースコードからカスタムアプリケーションを実行します。

ユーザーエクスペリエンス

アプリケーションの主な機能は次のとおりです。

ユーザーは、建物地形、ランドマーク、地形などです
ユーザーは付近の場所（美術館、公園、レストラン）。
場所を選択すると、詳細情報やナラティブが表示される表示されます。
デベロッパーは設定やツールで探索エクスペリエンスをパーソナライズできる（管理アプリを使用している場合）。
自動回転が有効になり、カメラが自動的に回転します選択された領域の中央に配置されます。

前提条件

Google Maps API キー: 次の API には有効な API キーが必要です。 enabled:
ウェブサーバー: 次のいずれかからアプリケーションを提供できます。
- ローカルウェブサーバー（Node.js、http-server などを使用）
- 静的ウェブホスティングサービス（アプリケーションに Dockerfile が含まれる）

デプロイオプションの詳細については、README をご覧ください。セクションがあります。

デプロイ

このアプリは任意の環境内でノードアプリケーションまたは Docker コンテナとして GKE などのコンテナ環境や、 GAE。ホストされるデモでは次のものを使用します。アーキテクチャ:

このアーキテクチャでは、コードは GitHub プロジェクトにあります。
Cloud Build が main への push の際にコードを取得し、ビルドをトリガーします。あります。
ビルドの一環として API キーを挿入し、イメージを作成してから、アーティファクトリポジトリに保存します
最後に、最新の安定版イメージを Artifact Registry から Cloud あります。
ヘルスチェックとモニタリングも実行して、モニタリングします。

お支払い情報

3D エリアエクスプローラソリューションでは、Google Maps Platform サービスを使用して、臨場感あふれるダイナミックなエクスペリエンスが得られますAPI によっては料金が発生する場合があります。こちらが概要です料金情報へのリンクもあります。

Google Maps Platform - 3D Tiles API:

Storytelling ソリューションは、3D Tiles API を利用して視覚効果を高め、地理空間データでの経験を積むことができます。3D Tiles の料金の詳細 API については、Google Maps Platform - 3D Tiles API をご覧ください料金をご覧ください。

Google Maps Platform - Places API:

Places API は位置情報ベースのデータに採用されており、ストーリーテリングのエクスペリエンスを高めますGoogle Cloud リソースの費用を把握するには、 Places API、Google Maps Platform にアクセス - Places API 料金をご覧ください。

Google Maps Platform - Autocomplete API:

予測入力機能により、ユーザー操作が強化されます。料金について詳しくは、 Google Maps Platform をご覧ください。 Places Autocomplete 料金をご覧ください。

CesiumJS:

3D 地球儀には CesiumJS を使用します。可視化です。CesiumJS 自体はオープンソースですが、追加の機能やサービスごとに費用が発生する場合があります。CesiumJS の参照先プレミアムサービスに関するドキュメント。

API ごとに料金の詳細を確認し、料金が発生するため使用状況に基づいて個別に決定されます。なお、Google Maps Platform では無料枠が用意されています。詳細は、リクエスト数や使用状況などの要因によってあります。

正確で最新の情報については、常に公式料金ページをご覧ください。 Google Maps Platform と CesiumJS の使用料金に関する情報をご覧ください。コンプライアンスの確保使用、管理、使用することを目的として、関連する費用を把握できるようにします。

まとめ

このドキュメントでは、3D エリアエクスプローラの機能の概要を説明します。要素、ユーザーエクスペリエンス、技術要件です。

Google の Photorealistic 3D Tiles と Places API を活用することで、周辺地域のバーチャル探索、スポットの検索、地域の歴史を学ぶことができます。

ある地域を紹介したり、探索を強化したり、デジタルコンテンツをプロモーションしたりする 3D エリアエクスプローラは、視覚に訴えるプラットフォームです。

デモをお試しいただき、管理アプリを使用してカスタマイズすることで、豊富な情報量を持つ 3D 体験です。