Maps Embed API の概要

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 を使った開発を始めましょう。

  Cloud コンソールでセットアップする

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

  [地図の埋め込み] に移動