DK’s diary

プログラミング初学者による発信

Google Maps API 本番環境でマップが表示されない件

事の発端

Ruby on Railsを用いてAgri helpという、農作業を助け合おうという趣旨のアプリケーションを制作しました。
概要は、ユーザー同士でチャットを利用して作業を依頼し、その内容をもとに実際に作業するというものですが、自分の近辺に住んでいるユーザーでないと意味がありません。
そこで、会員登録済みのユーザー住所(市区町村まで)がGoogleマップ上に反映され、自分の近くのユーザーを選択できるようにしました。
最低限の機能は搭載できたので本番環境にデプロイしたところエラーが発生。(泣)
f:id:dkdkdk3:20200605143913p:plain


コンソールでエラーメッセージを確認してみると、
f:id:dkdkdk3:20200605145916p:plain


とあり、リファラーが許可されていないという内容でした。
つまり、自分のGoogle Maps APIによりマップが反映される許可の範囲にこのページは入っていないという事です。

そこでGoogle Cloud PlatformでAPIの認証情報を確認しに行くと、凡ミスに気がつきました・・・。
f:id:dkdkdk3:20200605150321p:plain


ウェブサイトの制限がlocalhostのみになっています。ローカルで開発を進めていてそのままの状態でした。



解決方法

ウェブサイトの制限の欄に本番環境でのURLを追加すれば解決できそうな気がします。

f:id:dkdkdk3:20200605151120p:plain


ページ内右側の例を参考に記述を行いました。

f:id:dkdkdk3:20200605151234p:plain


表示されるようになりました!
エラーが出るとソースコードの間違いを疑ってしまいますが、今回はAPIの認証が誤りでした。