Maps Embed API を使用すると、ウェブページにインタラクティブな地図やストリートビュー パノラマを配置できます。シンプルな HTTP リクエストを使用します。JavaScript は必要ありません。
Maps Embed API の URL は、iframe の src
属性として設定できます。src
プロパティを設定する際、必須の q
パラメータで URL エスケープの場所の名前、住所、コード、場所 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 リクエストで可能なすべてのパラメータのインデックスについては、地図埋め込みのガイドをご覧ください。