Maps Embed API を使用して、インタラクティブな地図またはストリートビュー パノラマをウェブページに配置します。シンプルな HTTP リクエストを使用します。JavaScript は必要ありません。
Maps Embed API の URL は、iframe の src
属性として設定できます。src
プロパティを設定する場合、必須の q
パラメータは、URL エスケープされた場所の名前、住所、Plus Code、場所 ID をサポートできます。
<iframe
width="600"
height="450"
style="border:0"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/place?key=API_KEY
&q=Space+Needle,Seattle+WA">
</iframe>
はじめに
自動 iframe 生成ツールを使用して地図をウェブページに埋め込むことができます。手順は次のとおりです。
Google Cloud プロジェクトを設定して、Maps Embed API 開発を開始します。
Maps Embed API リクエストで指定可能なすべてのパラメータのインデックスについては、地図の埋め込みに関するガイドをご覧ください。