カテゴリー
SugiBlog Webエンジニアのためのお役立ちTips

GoogleMap ブラウザAPIキーの取得

この記事は最終更新日から1年以上経過しています。

現時点ではまだAPIキーがなくても表示されますが、APIキーの利用が必須となったようです。
今回はGoogleMapを利用するためのAPIキーの取得方法をご紹介します。

まずはウェブ向け Google Maps APIにアクセス。
「キーを取得」をクリックします。
001

APIキー取得までの説明が表示されますので、「続ける」をクリックしてください。
002

Googleのログインが必要ですので、促されたタイミングでログインしてください。

まずはプロジェクトの作成が必要ですので、「プロジェクトを作成」が選択されていることを確認して「続行」ボタンをクリックしてください。
003

プロジェクトの作成に少し時間がかかりますのでお待ちください。
004

プロジェクトの作成が完了したら認証情報の入力画面になります。
005
省略可能ですが、使用するドメインを入力して「作成」ボタンをクリックします。
ワイルドカードが使用できますので、例にならって入力してください。

作成されたAPIキーが表示されますので、コピーして使ってください。
006

左メニューのライブラリをクリックするとAPIのリストが表示されますので、使用したいAPIを選んで有効化することで、該当APIを利用できるようになります。
007

APIを利用するにはAPIの読み込む際にパラメータとして渡します。

<script src="//maps.google.com/maps/api/js?key=取得したAPIキー" type="text/javascript"></script>
この記事がお役に立ちましたらシェアお願いします
1,942 views

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です