Maps Embed API の概要

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 生成ツールを使用して、ウェブページに地図を埋め込みます。

  クイックスタートに移動

• Maps Embed API での開発を開始するには、Google Cloud プロジェクトを設定します。

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

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

  地図の埋め込みに移動