概要
3D エリア エクスプローラ ソリューションを使用すると、まったく新しい方法で場所を発見し、体験できます。このソリューションは、Google Maps Platform Photorealistic 3D Tiles と Places API の機能を活用して、魅力的なインタラクティブ 3D 環境を作成します。
3D エリア エクスプローラは、次の複数の目的で使用できるように設計されています。
エリアの探索の強化: ユーザーは、詳細な 3D 映像で映し出された周辺地域をバーチャルに探検し、地域の特色やランドマークに関する情報を得ることができます。
ロケーション ベースのストーリーテリングの促進: 説明が豊富なスポット（POI）を組み込むことで、特定の場所についてユーザーに情報を提供し、教育するストーリー主導のエクスペリエンスを作成できます。
Google マップの 3D 機能を使用した開発の促進: 没入型でインタラクティブな地図を作成するための Google の 3D マッピング データの可能性を示します。
ご利用方法:
有効にする
主なテクノロジー
このソリューションは、次の 2 つの主要なテクノロジーを使用して構築されています。
Google Maps Platform API:
Google Maps Platform のいくつかの API を使用して、基本地図とデータを入手し、このエクスペリエンスを作成します。
- Google マップの Photorealistic 3D Tiles: 建物や地形の高解像度 3D モデルにより、都市環境をリアルで 視覚的に魅力的な表現で提供します。
- Places API: アプリは、探索されたエリア内のスポット（POI）に関する詳細情報を特定して表示し、 地域の知識でユーザー エクスペリエンスを向上させることができます。
- Autocomplete を使用すると、特定の場所や関心のあるエリアを検索できます。
CesiumJS
CesiumJS は、高解像度の 3D 地球儀のレンダリングと表示を担当します。建物の 3D メッシュモデルと地形を提供する Google の Photorealistic 3D Tiles の読み込みと可視化を処理します。
カメラ管理: CesiumJS には、カメラの位置、向き、動きを制御するツールが用意されています。これには以下が該当します。
- アプリの読み込み時に、指定した周辺地域に焦点を当てるように初期ビューポイントを設定します。
- 探索のための自動軌道アニメーションなど、動的なカメラの動きを実装します。
- このような機能が含まれている場合は、地球儀に対するユーザー操作（パン、ズーム、回転）を処理します。
高画質 3D タイルを 3D Tiles レンダラと連携させる方法をご覧ください。
主要コンポーネント
アプリケーションは、次の 2 つの異なるアプリに分かれています。
- 管理アプリ
- デモアプリ
次の図は、2 つのアプリケーションの違いと相関関係の概要を示しています。
各アプリについて詳しく調べてみましょう。
管理アプリ
このアプリケーションは、3D エクスペリエンスをカスタマイズできる使いやすいインターフェースを提供します。
場所の検索 : 統合された Google Maps Platform Autocomplete 検索バーを使用して、表示するエリアを検索します。場所を選択すると、カメラはそのエリアにシームレスに移動します。
カメラ: カメラの移動速度と軌道タイプを調整して、選択した視聴エクスペリエンスを作成します。
場所（スポット）: 表示するスポットの密度、検索半径、タイプ（レストラン、カフェ、ランドマークなど）を定義します。
このアプリを使用して、エンドユーザー向けのエクスペリエンスをカスタマイズします。
ゆっくりとしたカメラパスで Google のシカゴ オフィス を探索します。
高速の正弦波カメラパスでラスベガスを探索する
3D エリア エクスプローラのすべてのカスタマイズの詳細な説明があります。
デモアプリ
これは、管理アプリで作成した構成を読み込む、最終的なユーザー向けアプリケーションです。この没入型 3D 環境では、選択したエリアを探索し、ハイライト表示した場所を見つけることができます。
管理アプリを使用してルック＆フィールをカスタマイズしたら、構成をダウンロードして、ソースコードからカスタム アプリケーションを実行できます。
ユーザー エクスペリエンス
アプリケーションの主な機能は次のとおりです。
- ユーザーは、建物、ランドマーク、地形など、エリアを 3D でインタラクティブに探索できます。
- ユーザーは、近くの場所（博物館、公園、レストランなど）を検索して見つけることができます。
場所を選択すると、その場所に関連する詳細情報やストーリーを表示できます。
デベロッパーは、設定とコントロール（管理アプリを使用している場合）を使用して、データ探索エクスペリエンスをパーソナライズできます。
自動回転が有効になっているため、選択したエリアの中心を中心にカメラが自動的に回転します。
前提条件
Google Maps API キー: 次の API が有効になっている有効な API キーが必要です。
ウェブサーバー: アプリケーションは次のいずれかから提供できます。
- ローカル ウェブサーバー（Node.js、http-server などを使用）
- 静的ウェブ ホスティング サービス（アプリケーションには Dockerfile が付属しています）
デプロイ オプションの詳細については、GitHub プロジェクトの README セクションをご覧ください。
デプロイ
アプリは、GKE や GAEなどの任意の コンテナ環境に、Node アプリケーションまたは Docker コンテナとしてデプロイできます。ホストされているデモでは、次のアーキテクチャを使用します。
- このアーキテクチャでは、コードは GitHub プロジェクトにあります。
- Cloud Build は、main への push でコードを取得し、ビルド オペレーションをトリガーします。
- ビルドの一部として、API キーを挿入し、イメージを作成して Artifact Registry に保存します。
- 最後に、Artifact Registry から Cloud Run に最新の安定版イメージをデプロイします。
- デプロイされたアプリの健全性をチェックするために、ヘルスチェックとモニタリングも実行しています。
お支払い情報
3D エリア エクスプローラ ソリューションは、Google Maps Platform サービスを使用して、没入型で動的なエクスペリエンスを提供します。一部の API では料金が発生する場合があります。API の概要と料金へのリンクは次のとおりです。
Google Maps Platform - 3D Tiles API:
ストーリーテリング ソリューションは、3D Tiles API を利用して、地理空間データで視覚的なエクスペリエンスを向上させます。3D Tiles API に関連する料金の詳細については、Google Maps Platform - 3D Tiles API の料金をご覧ください。
Google Maps Platform - Places API:
Places API は、ロケーション ベースのデータに使用され、ストーリーテリング エクスペリエンスに豊富な情報を追加します。Google Places API に関連する費用については、Google Maps Platform - Places API Pricingをご覧ください。
Google Maps Platform - Autocomplete API:
予測入力機能により、ユーザー インタラクションが向上します。Google Maps Autocomplete API の料金の詳細については、Google Maps Platform - Places Autocomplete Pricingをご覧ください。
CesiumJS:
CesiumJS は、3D 地球儀の 可視化に使用されます。CesiumJS 自体はオープンソースですが、追加の機能やサービスには独自の費用が発生する場合があります。プレミアム オファーについては、CesiumJS のドキュメントをご覧ください。
料金は使用量に基づいて個別に決定されるため、各 API の料金の詳細を確認することが重要です。Google Maps Platform には、一定の使用量まで無料の無料枠があります。料金の詳細は、リクエスト数や使用リージョンなどの要因によって異なる場合があります。
Google Maps Platform と CesiumJS の使用料金に関する最新かつ正確な情報については、必ず公式の料金ページをご覧ください。関連する費用を効果的に管理して把握するには、これらのサービスで規定されている利用規約を遵守してください。
まとめ
このドキュメントでは、3D エリア エクスプローラの機能、コンポーネント、ユーザー エクスペリエンス、技術要件の概要について説明します。
Google の Photorealistic 3D Tiles と Places API を活用することで、周辺地域のバーチャル探索、スポットの発見、地域の歴史の学習が可能になります。
3D エリア エクスプローラは、エリアの紹介、探索の強化、デジタル ストーリーテリングの促進など、視覚的に優れたプラットフォームを提供します。
デモを試して、管理アプリを使用してカスタマイズし、魅力的で有益な 3D エクスペリエンスを作成してください。