Maps Embed API の概要

Maps Embed API を使用すると、インタラクティブな地図やストリートビュー パノラマをウェブページ上に配置できます。JavaScript ではなく、シンプルな HTTP リクエストを使用します。

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>

使用を開始する