本日より Maps JavaScript API で 3D Maps が利用可能に
Haylee Conradi
Product Manager, Google Maps Platform
※この投稿は米国時間 2024 年 5 月 14 日に、Google Maps Platform blog に投稿されたものの抄訳です。
編集者注: この投稿は、Google が毎年開催しているデベロッパー カンファレンスでの Google Maps Platform に関する最新のニュースをお伝えする、Google I/O 2024 シリーズの一部です。Maps JavaScript API の Photorealistic 3D Maps を使用して臨場感あふれる地図可視化エクスペリエンスを作り出す方法の詳細については、5 月 16 日開催のセッションにご登録ください。
Maps JavaScript は動的な地図作成エクスペリエンスの基盤であり、Google の豊富な基本地図と世界中の 2 億 5,000 万件を超える場所やビジネスの情報を、ウェブサイトやアプリケーションで利用できるようにしています。この API によってイノベーションが促進され、地図を活用して旅行を予約したり、料理を注文したり、新しいコーヒーショップを見つけることもできるようになりました。しかし、地図は役に立つ道具にとどまらず、これまでにないほど臨場感の高いものになっています。また、デジタルと現実をひとつに結び付けるエクスペリエンスを提供し、ユーザーがコンテキスト、ストーリー、身近にあるブランドなどをより深く理解するのに役立ちます。より臨場感あふれるエクスペリエンスをデベロッパーの皆様が構築できるようにするため、このたび、Maps JavaScript API で Photorealistic 3D Maps の試験運用版をご利用いただけるように致しました。このリリースにより、Google Maps Platform のデベロッパーは、Google のレンダリング技術を活用した実世界のキャンバスを利用してアプリケーションが構築できます。
世界で最も交通量の多い交差点を探索
ウェブ エクスペリエンスの新次元をマッピング
高画質な 3D 画像を利用し、複雑な 3D レンダリングを操作して 3D エクスペリエンスを構築するのは容易ではありません。そのため、Maps JavaScript で現実世界の 3D エクスペリエンスを利用したいという要望が、ウェブ デベロッパーから特に多く寄せられています。Google の目標は、使い慣れた開発フレームワーク内のネイティブな 3D レンダリングによってこうしたギャップを埋め、ユーザーの求めるスピードで 3D マッピング エクスペリエンスを提供できるようにすることです。3D Maps を使用すると、アプリケーションの構築により多くの時間を割くことができ、レンダラの選択や社内での機能構築に悩む時間が減ります。この機能を使い始めるには、<gmp-map-3d /> という 1 行のコードを記述するだけです。
Maps JavaScript API で Photorealistic 3D Maps を利用できるようになったことで、簡単かつ迅速に 3D の地図を構築できるため、2D 環境ではなく 3D 環境を選ぶことが非常に容易になりました。以前は、3D の世界に足を踏み入れるかどうかを慎重に決断する必要がありました。それは、大きなアプリケーション バンドルと十分とは言い難いデベロッパーの経験に依存するしかなかったからです。今回のリリースで、3D が当社にとってさらに優れた選択肢となりました
Patrick Mast 氏Ubilabs
豊富な場所情報を提供する基本地図
3D Maps は、Google の広範な 3D カバレッジ（50 か国以上の 2,500 を超える都市で利用可能）を、Maps JavaScript API を介してアプリケーションで直接利用できるようにします。これは、デベロッパーとユーザーが Google マップに期待する、場所に関する豊富なデータとラベルがすべて 3D キャンバスに自動的に追加されることを意味します。この包括的な地図によって効果よく 3D 表示が実現できるため、ユーザーは自分の位置を把握しやすくなり、地域をバーチャルに探索するための詳しい場所情報を得られます。さらに、3D 画像を強調したい場合は、地図上の対象物を非表示にすることで、すっきりと焦点が絞られたビューを提供できる柔軟性もあります。
太平洋を象徴する火山に旅する
使い慣れたツールで高度な可視化を実現
3D Maps は、Maps JavaScript の他の機能と同様にウェブ コンポーネントとして設計されているため、HTML または JavaScript を使用して簡単にウェブを開発できます。これらの要素を使って、ポリゴンとポリラインのオーバーレイやスタイル設定を行ったり、押し出し機能を使った 第三の次元を追加したり、可視化を制御して 3D 地図の基本機能を公開したりできます。このように表示をカスタマイズすることで 3D 地図を調整して、関心のある地域をハイライト表示したり、ルートを可視化したり、主要な位置情報に注意を引いたりすることができます。
米国で最も高い展望デッキを探索
柔軟な管理で、さらに動的なエクスペリエンスを構築
3D Maps は、個々のブロックと地球表示のどちらでも、ウェブ エクスペリエンス向けに実世界の背景を提供します。柔軟なカメラ制御とイベント リスナーのおかげで、特定の地域の 3D 地図で位置を確かめたり、3D シーン内でガイド付きの探索を作成したり、ユーザーの操作に直接応答したりできます。こうしたシンプルな最適化で、より動的で魅力的なマップ エクスペリエンスが実現します。
世界で最も曲がりくねった道を進む
臨場感あふれるエクスペリエンスを作り出すための、さらに多くの選択肢
昨年、Google は Aerial View と高画質 3D タイルを Map Tiles API に導入し、開発者の皆さんが Google の現実世界のアセットを利用できるようにしました。今回のリリースによって、さらに臨場感あふれるエクスペリエンスを作り出すために役立つ Google プロダクトのポートフォリオが拡大されます。Aerial View を使用してレンダリング済みの動画を制作する、Map Tiles で独自のレンダラを使用する、JavaScript アプリケーション内のレンダリングを自動的に行うなど、複数のオプションが用意されています。
JavaScript で Photorealistic 3D Maps を使ってみる
Maps JavaScript の Photorealistic 3D Maps は、試験運用フェーズの間は無料でご利用いただけます。すでに Maps JavaScript をご利用のお客様は、今すぐ使用を開始できます。Maps JavaScript を初めて使用される場合は、Cloud コンソールで Maps JavaScript API を有効にするだけで 3D Maps を使い始めることができます。詳細については、デモとドキュメントをご覧ください。また、公開 Issue Tracker でフィードバックや機能リクエストをお送りいただくこともできます。臨場感あふれる魅力的なエクスペリエンスの構築にあたって、ぜひ LinkedIn で Google Maps Platform をフォローしてください。皆様が構築されるサービスを楽しみにしております。
-プロダクト マネージャー Haylee Conradi
