GoogleMapのAPIキー取得方法

  1. Google Maps Platform(https://cloud.google.com/maps-platform/)」ページを開く。

  2. ログインする。
    login
    「ログイン」をクリックし表示されたページでアカウントを入力しログインする。

  3. 開始
    ログインすると以下のページが表示される。
    start
    「開始」をクリックする。

  4. Pick product(s) below
    以下のポップアップが表示される。
    pick_product
    「Maps」「Routes」「Places」をチェックし「CONTINUE」ボタンをクリックする。

  5. Create project
    「CONTINUE」ボタンをクリックすると以下が表示される。
    create_product
    「Select or create project」をクリックする。

  6. Create a new project
    以下が表示される。
    new_product
    「+Create a new project」をクリックする。

  7. プロジェクト名
    プロジェクト名の入力欄が表示される。
    my_project
    デフォルト名が「My Project」になっているのであなたのプロジェクト名(ここでは「My Project」)に変更し「NEXT」をクリックする。

  8. 請求先アカウントの作成
    以下のページが表示される。
    請求先
    「請求先アカウントの作成」をクリックする。

  9. 利用規約に同意して続行
    以下のページが表示される。
    platform_sel
    「利用規約」で同意しますにチェック、「最新情報に関する通知メール」で「はい」/「いいえ」を選択し「同意して続行」をクリックする。

  10. お客様情報とクレジットカード情報
    platform_sel
    お客様情報とクレジットカード情報を入力し「無料トライアルを開始」をクリックする。

  11. Google マップ プラットフォームの有効化
    platform_sel
    「次へ」をクリックする。

  12. APIキーを確認
    以下のポップアップが表示される。
    platform_sel
    「APIキー」が表示されるので確認し「DONE」をクリックする。

  13. ようこそ
    以下のポップアップが表示される。
    platform_sel
    「OK」をクリックする。

  14. APIキーに使用制限をかける
    APIキーは誰でも使用出来てしまうので使用制限をかける。
    platform_sel
    「認証情報を保護」をクリックする。

  15. APIキーに使用制限を設定保存
    以下のポップアップが表示される。
    platform_sel
    「アプリケーションの制限」で「HTTPリファラー」か「IPアドレス」を選択すると下に入力欄が表示されるので、内容(*)を入力し「保存」をクリックする。
    (*)ここではHTTPリファラーとして「http://lpsuper.com/*」を入力しているが、あなたの使用するものを入力すること。

  16. 無料トライアル(*)を有効にする
    以下のポップアップが表示される。
    platform_sel
    「有効にする」をクリックする。
    (*)無料トライアルについては「Google Cloud Platform の無料枠」を参照してください。

  17. 「Maps JavaScript API」を有効にする
    ログインすると以下のページが表示される。
    project_sel
    「プロジェクトの選択」をクリックする。


  18. プロジェクトの選択
    以下のページが表示される。
    project_sel
    「My Project」(あなたのプロジェクト名)をクリックする。


  19. Google Cloud Platform
    以下のページが表示される。
    project_sel
    「Google Cloud Platform」をクリックする。


  20. Google Cloud Platform
    以下のページが表示される。
    project_sel
    「APIとサービス」をクリックする。


  21. ライブラリ
    以下のページが表示される。
    project_sel
    「ライブラリ」をクリックする。


  22. ライブラリ
    以下のページが表示される。
    project_sel
    「Maps Javascript API」をクリックする。


  23. 有効にする
    以下のページが表示される。
    project_sel
    「有効にする」をクリックする。


 以上でAPIキーがGoogle mapで使えるようになりました。