Maps Embed API の概要

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

注: ストリートビューの画像には提供元が 2 種類あります。Google 提供（非公開、デベロッパーが管理する画像）と、一般提供（公開、ユーザー作成コンテンツ）です。なお、一方の提供元のストリートビュー画像だけを使用することはできません。詳細: ストリートビュー画像に関する Google のポリシー

Maps Embed API の URL は、iframe の src 属性として設定できます。src プロパティを構成する場合、必須の q パラメータでは、URL エスケープされた場所の名前、住所、Plus Code、またはプレイス ID をサポートできます。

<iframe
  width="600"
  height="450"
  style="border:0"
  loading="lazy"
  allowfullscreen
  referrerpolicy="strict-origin-when-cross-origin"
  src="https://www.google.com/maps/embed/v1/place?key=API_KEY
    &q=Space+Needle,Seattle+WA">
</iframe>

サンプルは、一部の地域ではご利用いただけない場合があります。

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

スタートガイド

• 自動 iframe 生成ツールを使用して、ウェブページに地図を埋め込みます。

  クイックスタートに移動

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

  Cloud コンソールで設定する

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

  地図の埋め込みに移動