Google は、埋め込み Google マップだけでなく、3D マップの WebGL ベータ サポートにも愛情を注いでいます。 さらに詳しく知りたい方は続きをお読みください。
Google マップは、ウェブサイトまたはモバイル アプリを通じて誰でも公式に無料でアクセスできますが、地図要素を含むウェブサイトやアプリでお気づきかと思います Google、サードパーティ企業、ウェブサイト/アプリ開発者が提供するさまざまな SDK または API のいずれかを使用して、Google マップ ビューを独自のアプリまたはウェブページに埋め込むこともできます。 利用可能。 これにより、ビジネス情報の検索やユーザーへの指示などが容易になります。 これらの API の 1 つは、 マップJavaScript API、Web開発者が「Webページやモバイルデバイスに表示するために独自のコンテンツや画像を使用して地図を追加」することを目的としています。
Google は、この API を使用するウェブ開発者に請求を行います ユーザーがアクセスする頻度に応じて, しかし、Web サイト上で優れた埋め込みマップ エクスペリエンスを提供したいと考えている多くの企業にとっては価値があります。 そして、 Google I/O 2021、 グーグル 正式に導入されました Maps JavaScript API の WebGL ベータ版。 開発者向けのこの新機能は、クラウドベースの地図スタイルへの移行の一環として提供され、Maps JavaScript API と Maps Static API で一般提供されます。 これにより、埋め込み地図は以前よりも高速かつパフォーマンスが向上し、Google は「Google Maps の Web エクスペリエンスでおなじみの、WebGL で高速化されたパフォーマンスの高い地図」を提供すると述べています。
これにより、傾斜と回転、WebGL オーバーレイ ビューなど、ベクトル マップのいくつかの新しい機能も追加されます。 前者は非常に単純です。現時点では、埋め込みマップは 2D 方向のみにロックされており、傾斜と回転を使用すると、ユーザーは次のことを行うことができます。 建物の 3D モデルを備えた、67.5 度の傾斜と完全な 360 度回転を備えたまったく新しい視点で埋め込みマップを体験します 含まれています。 ただし、後者では、開発者は、WebGL レンダリング コンテキストのライフサイクルに直接フックを提供することで、新しいマッピング エクスペリエンスを構築できます。 ベクター マップをレンダリングし、開発者がベースマップ上で 2 次元および 3 次元のオブジェクトを直接レンダリングできるようにし、それらを同時にレンダリングできるようにします。 地図。
いいですね？ あとは公式をチェックしてみてください WebGL コードラボ これらのベータ版 API の使用を開始するためのドキュメントを参照してください。