Maps Embed API の概要

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

注: ストリートビューの画像には提供元が 2 種類あります。Google 提供（一般のものでない、デベロッパーが管理する画像）と、一般提供（一般ユーザー作成コンテンツ）です。なお、ストリートビュー画像の提供元は必ず両方使用する必要があります。詳細: ストリートビュー画像に関する Google のポリシー

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>

注: Maps Embed API リクエストはすべて、使用量の上限なく、料金なしでご利用いただけます。詳細については、使用量と課金をご覧ください。

使用を開始する

• iframe 生成ツールを使うと、ウェブページに地図を埋め込むことができます。

  クイックスタートに移動

• Google Cloud プロジェクトを設定して、Maps Embed API を使って開発を開始します。

  Cloud Console でセットアップする

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

  地図の埋め込みに移動