MD-Blog_Web System

皆さんこんにちは。プロデューサーの浅野です。

Webサイトにかんたんに地図を貼り付けられる〜...とよく利用されている「Google マップ」（Google Maps）。
今年の6月22日から新規に利用する場合はGoogle MapsのAPIキーが必須になりました。
また、今までAPIキー無しで使用していた場合は、2016年10月12日以降、きちんと表示されなくなるようなので、この際に取得しておきましょう。

• Googleからのリリースはこちら

Google Maps APIキー取得方法

1: https://developers.google.com/maps/web/にアクセス

右上の「キーを取得」をクリックします。

2: クリックするとこの画面になるので「続ける」をクリック

※この時必要ならログインしてください

3: 「プロジェクトの作成」を選択し「続行」ボタンをクリック

4: 管理しやすい名前と使用するサイトのURLを入力

名前に関しては、管理用になりますので分かりやすい名前をつけてください。
また「このHTTPリファラー(ウェブサイト)からのリクエストを受け入れる」の入力欄に Google Mapsを設置するWebサイトのURL入れて作成ボタンクリックで完了。

入力時にの際にはワイルドカードが使えますので \x2A を使ってURLを設定できます。

→ココ重要です

※URLを登録しないと、登録したAPIキーを別のサイトで使用されてしまう可能性があるので、絶対に入力してください！！

5: 登録完了

登録されたAPIキーをコピーし下記の「○○○○○○」部分に入れて使用します！

<script src="https://maps.googleapis.com/maps/api/js?key=○○○○○○"></script>

最後に

ここまでご説明した方法は、Webサイト上でGoogle Mapsを利用するためのAPIキー発行手順でした。下記ページから登録した情報の確認や追加設定を行えますので、必要に応じて設定してみてくださいね！

• Google Developers Console