Google Maps の APIキー を取得する 2026年版

Posted on Update by admin

Googleマップを表示させるには APIキー と マップID が必要です。
APIキー と マップID を取得する場合は 「Google Cloud Platform」で プロジェクトを作成し、プロジェクト内でAPIキーを作成・請求先アカウントを紐づけるという作業が必要です。

ここでは新しくプロジェクトを作成し、APIキー取得と請求先アカウントの設定方法を紹介します。

「Google Maps Platform の提供を開始 : Google マップのビジネス利用がさらに進化 」
https://developers-jp.googleblog.com/2018/05/google-maps-platform-google.html

「Google Maps Platform」
https://cloud.google.com/maps-platform/

準備

まず以下のものを用意してください。

①Googleアカウント
※サイト所有者のアカウントが理想的です。
②クレジットカード
※請求先アカウントでクレジットカード情報を登録していただきます。

プロジェクトの作成

初めてGoogle Maps Platformにアクセスする場合はプロジェクトの作成をする必要があります。

「Google Maps Platform」にアクセスしてください。

右上の「アカウントを作成」をクリックしてください。

ブラウザ上でGoogleにログインしていない場合は事前に準備したアカウントでログインしてください。

利用規約に同意してください。

プラン設定とアカウント設定

「お支払いプランを表示」ボタンをクリックしてください。

プラン選択画面では「従量課金制」を選択し「アカウント設定の完了」をクリックしてください。
※「従量課金制」では毎月一定の無料枠があります。

料金体系についてはこちらをご覧ください。

支出をしっかりコントロールできる料金体系
https://mapsplatform.google.com/pricing/#pay-as-you-go

Google Maps Platform コアサービスの料金リスト
https://developers.google.com/maps/billing-and-pricing/pricing?hl=ja

アカウント情報を入力します。

連絡先とお支払い方法を入力します。

Google Maps API KEY

Google Maps API KEY が発行されましたのでメモしておいてください。

APIキー保護は後で設定しますので「後で」をクリックしてください。

Google Cloud Platform ホーム

「My Project Test」というプロジェクトができました。
次からアクセスした場合はこのページがトップになります。

ここでは、APIキーの利用制限 と マップID発行 を行ってください。

APIキーの利用制限

APIキーはHTMLソースのどこかに表示されますので、他人が利用できないように利用制限を設定します。

APIキー保護 の設定をしますので「鍵と認証情報」をクリックしてください。

先程作られた APIキーの「Maps Platform API KEY」をクリックしてください。

キーの制限を設定します。

アプリケーションの制限で「ウェブサイト」を選択

「+Add」をクリックしてください。

ウェブサイトを追加します。

ウェブサイトを追加では、ワイルドカード( * )が使えますので * を使ってURLを設定します。
*.example.com/*

例 *.example.com/*　　www等のサブドメインがついた example.com　と下位のURL
例 example.com/*　　example.com　と下位のURL
例 localhost/*　　ローカルのテスト環境で使う場合。

【注意】 localhost を設定する場合は別でAPIキーを作って単独(localhost 専用)で設定してください。

入力したら完了をクリックしてください。

複数設定できますので、「+Add」クリックで 他にもWEBテスト用、本番用とか設定しておくといいかもしれません。

【重要】最後に「保存」ボタンを押してください。

マップID

APIキーだけでもマップを表示する事は(旧APIで)可能ですが、Google Mapsの新しいAPIを使った拡張機能を利用する場合はマップIDも登録してください。

すでにAPIキーを持っている場合はマップIDを追加するだけで利用できるようになります。

サイドパネル「Google Maps Platform」よりマップ管理をクリックしてください。

サイドパネルを見失った場合は、左上ハンバーガーボタンをクリックしてください。
サイドパネルの一番下に「Google Maps Platform」があります。

「マップIDを作成」をクリックしてください。

マップIDの識別情報を入力してください。

設定では「ベクター」を選択し、チルト・ローテーション もチェックを入れて「保存」ボタンをクリックしてください。

マップIDが発行されました。

APIとサービス

新規作成した場合は、必要なAPIとサービスは組み込まれています。

不動産プラグインシリーズ では以下のAPIが必要ですので確認してください。

Maps JavaScript API
Maps Elevation API
Directions API
Geocoding API
Places API (New)
Places API

※ステータス Enabled をクリックすると組み込まれているAPIが表示されます。

不動産プラグインの設定

取得したAPIキーとマップIDを 不動産プラグイン管理画面「不動産プラグイン設定」で入力してください。※マップIDは不動産プラグインシリーズ7.0から利用できます。

マップIDを登録すると不動産マッププラグインのフルマップ・インマップで拡張設定できるようになります。※マップIDは不動産プラグインシリーズ7.0から利用できます。

うまく表示できましたでしょうか?

ぜんぜんダメな例

こんな表示が出たら APIキー の設定ミスかコピペミスの可能性がありますので 確認してください。

おしい例

こんな表示が出たら APIキー の何かが足りません 確認してください。

Google Chromeでは簡単にどのエラーが出ているか確認する事ができます。
Google Chrome のデベロッパーツール(F12起動)の「コンソール」タブでエラー内容を確認してみましょう。

エラー例
「Directions Service: This API project is not authorized」Directions APIがありません
「Geocoding Service: This API project is not authorized」Geocoding APIがありません
「Maps Elevation Service: This API project is not authorized」Maps Elevation APIがありません
「RefererNotAllowedMapError:読み込んでいる現在の URL が、許可対象のリファラーの一覧に追加されていません」
「You must enable Billing on the Google Cloud Project at」請求先情報がありません

【参考】
Maps JavaScript API エラー メッセージ
https://developers.google.com/maps/documentation/javascript/error-messages?hl=ja”