Googleマップを利用する準備

Googleマップ APIキーの作成

ホームページに必ず必要ともいえる地図ですが、Google Maps を使用されているサイトが多いですね。操作しやすく、機能性、設置のしやすさで必需品となっています。

グーグルマップをアクセスマップとしてホームページ内で利用する為には、Google Maps APIキーが必要になります。

このAPIキーですが、用途によって色んな種類があります。
その中で、無料で使用する事ができ、簡単にページ内に地図を埋め込む事ができる｢Google Maps Embed API｣を利用したいと思います。

行う事は以下の2点です。

1.　Google Maps Embed API　の取得
2.　MAPをページ内に埋め込む

下の作業ですが、Googleアカウントでログインした状態で行ってください。

2.｢キーの取得｣ボタンを押す

3.Enable Maps Embed API 初めてAPIキーを取得する場合、上図の画面がでてきますので、
・｢My Project｣を自分の分かりやすいものに変更
・｢Yes｣にチェックを入れる
・右下の｢NEXT｣ボタンを押して進んで下さい。

しばらく時間がかかります。中央の青色のサークルが回転しています。

次に画面が切り替わると、無事にキーが取得できました。

APIキーが取得できましたので、ここで終わっても良いのですが、今の段階では、取得したキーは誰でも使える状態になってます。
そこで、制限をかけたいと思います。

4.｢API Console｣をクリック

5.アプリケーションの制限をかけます
※下で設定した自分のサイト以外では使用できなくします。
・HTTPリファラーにチェックを入れる
・リファラーのURLを入力し設定する
・｢保存｣ボタンを押す　これで完了です。

※リファラーのURLの設定ですが、複数設定できます。
サイト全体のページで使える為の設定としては、「*○○○○.com*」　が一番楽ですが、「△△○○○○.com」のドメインサイトでも使えてしまうようになります。
複数設定できますので、色々と組み合わせて試してみて下さい。