Maps Embed API の概要

Maps Embed API を使用して、インタラクティブな地図またはストリートビュー パノラマをウェブページに配置します。JavaScript を必要とせずに、単純な HTTP リクエストを使用します。

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 での開発を開始します。

  Cloud コンソールで設定する

• Maps Embed API リクエストで使用できるすべてのパラメータのインデックスについては、地図の埋め込みガイドをご覧ください。

  「地図の埋め込み」に移動