サイトにGoogleマップを埋め込む際、みんなが使っているであろう？「Maps JavaScript API」ですが、マップのロード回数が無料分を超えると費用が発生してしまいます。
私が担当しているサイトでもこの「Maps JavaScript API」を利用していたのですが、気がついたら上限を超えており表示に制限（支払い方法を登録していなかったので）がかかっていました。
無料で使えるのは月$200まで、1,000リクエストで$7発生する、ので、普通のサイトなら問題ないと思いますが、複数サイトで同じAPIキーを使っていると超えちゃうこともありそうですね。だいたい28,000回のリクエストで無料分は消化しそうです。
そこで、無料でもGoogleマップ埋め込みを実現する方法はないか調べてみたところ「Maps Embed API」なら無料で使えるよ、という記事を発見したので本当にできるのか実験してみます。
確かに無制限と書かれていますね。
Maps Embed APIを有効にする
Google Cloud Platformへログインしたら「＋APIとサービスの有効化」をクリックします。
次に出てきたページ上部にある検索ボックスで「Maps Embed API」と入力して検索。
出てきた結果から「Maps Embed API」をクリックします。
「Maps Embed API」のページが開たら有効にしましょう。
APIキーを取得する
APIキーはメニューから「APIとサービス」-「認証情報」へ進むと確認できます。
すでにAPIキーを作成したことがある場合は「鍵を表示します」から取得できます。もし、まだAPIキーを作成していない場合は「＋認証情報を作成」から作成しましょう。
実際に使ってみる
使う準備ができましたので、いよいよ使ってみます。
埋め込みたい箇所に以下を入力します。
［googlemaps https://www.google.com/maps/embed/v1/place?key=%5BAPI_KEY%5D&q=%5B位置情報%5D&zoom=16&w=800&h=600］
- [API_KEY]：取得したAPIキーを入力
- [位置情報]：ピンを刺したい位置情報、例えば施設名、住所、緯度経度など
できた！
これなら費用が発生しないはず！たぶん大丈夫！
Google MAP APIで費用が発生して困っている、表示が制限されて困っている、という方はお試しください。
参考にしたサイト
以下のサイトを勝手に参考にさせていただきました。
ありがとうございます。サイレントお礼。
コメントを残す