BFT名古屋 TECH BLOG

日々の業務で得た知識を所属するエンジニアたちがアウトプットしていきます。

【GMP】0から始めるGoogle Maps Platform ① APIキーの取得とGoogle Maps APIの有効化

はじめに

初めまして!!株式会社BFT新人エンジニアのないとうです。

今回から3回にかけてGoogle Maps Platform を使ってGoogle mapを表示するところまでを投稿していこうと思います。

初回はGoogle Map APIの有効化とAPIキーの取得までを行います!

 

 

       それではさっそくやっていきましょう!!

 

必要なもの:Googleアカウント、クレジットカード

※クレジットカードは無料トライアルをするだけでも必要

1.Google Cloud Platform にアクセス

ブラウザで

http://console.cloud.google.com/?hl=ja

にアクセスし自分のGoogleアカウントを選択すると画像の画面に行くので利用規約読み【同意して続行】をクリック

 

f:id:bftnagoya:20210714112548p:plain





2.プロジェクトの作成

2.1.【プロジェクトの作成】を選択し【新しいプロジェクト】を選択する

 

f:id:bftnagoya:20210714111254p:plain



f:id:bftnagoya:20210714111317p:plain



 

2.2.プロジェクト名と組織名,場所(組織なしでもOK)を入力し【作成】をクリック

 

f:id:bftnagoya:20210714111347p:plain



2.3.画像赤枠部分に作成したプロジェクトの情報が出れば完了

 

f:id:bftnagoya:20210714112052p:plain





3.APIの有効化

3.1.【APIとサービス】、【ライブラリ】の順で選択する

 

f:id:bftnagoya:20210714111534p:plain





 

3.2.今回使う【Maps JavaScript API】を選択する

 

f:id:bftnagoya:20210714111549p:plain



 

3.3. 【有効にする】をクリック

 

f:id:bftnagoya:20210714111603p:plain



 

3.4.【ダッシュボード】にMaps JavaScript APIがあれば完了

 

f:id:bftnagoya:20210714111648p:plain



 

4.APIキーの作成

4.1.【APIとサービス】、【認証情報】、【認証情報を作成】、【APIキー】の順で選択しAPIキーを作成する

 

f:id:bftnagoya:20210714111706p:plain



※この時作られるAPIキーをメモ帳などにコピーして確認できるようにすると今後の作業がやりやすくなる

 

4.2.【認証情報】 にAPIキーが作成されていれば完了

 

f:id:bftnagoya:20210714111637p:plain



5.支払方法の設定

5.1.【お支払】を選択し新しい請求先をウィンドウに従って作成する

 

f:id:bftnagoya:20210714111733p:plain



 

※請求先アカウントを作ると無料トライアルがスタートする

 

5.2.【お支払い】に作成した請求先アカウントが表示されれば完了

 

f:id:bftnagoya:20210714111909p:plain



 

終わりに

今回はマップを生成させるための前準備としてGoogle Maps Platformで必須となるAPIキーの取得を行いました。

Google Cloud Platform で今回有効化したAPI以外にも様々な機能を持ったAPIがあるので興味があったら調べてみてください!

次回はMAPを実装するための仮想マシンを準備したいと思います。  

次回はこちら↓

bftnagoya.hateblo.jp

 

参考文献

今日から始める Google Maps Platform 入門 

著者:nekoze

表紙:maro
p12-16

booth.pm