このページは 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 run.
ヘルスチェックとモニタリングも実行して、モニタリングします。

お支払い情報

3D エリアエクスプローラソリューションでは、Google Maps Platform サービスを使用して、臨場感あふれるダイナミックなエクスペリエンスが得られます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 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 体験です。