前回の質問 http://q.hatena.ne.jp/1511479829 で、どちらにも対応した地図表示を実現することができました。
【UTF-8】http://iphonestation.info/map?address=%e5%85%b5%e5%ba%ab%e7%9c%8c%e7%a5%9e%e6%88%b8%e5%b8%82%e5%85%b5%e5%ba%ab%e5%8c%ba%e5%a1%9a%e6%9c%ac%e9%80%9a%ef%bc%94%e4%b8%81%e7%9b%ae&zoom=15
【EUC-JP】http://iphonestation.info/map?address=%CA%BC%B8%CB%B8%A9%BF%C0%B8%CD%BB%D4%CA%BC%B8%CB%B6%E8%C4%CD%CB%DC%C4%CC%A3%B4%C3%FA%CC%DC&zoom=15
しかし、全く同じコード、同じjavascriptファイルをアップして環境を同じにしたはず（http://gifuken.net/ecl.js）なのですが、別のサイトでやってみますと、
【UTF-8】http://gifuken.net/map?address=%e5%85%b5%e5%ba%ab%e7%9c%8c%e7%a5%9e%e6%88%b8%e5%b8%82%e5%85%b5%e5%ba%ab%e5%8c%ba%e5%a1%9a%e6%9c%ac%e9%80%9a%ef%bc%94%e4%b8%81%e7%9b%ae&zoom=15
【EUC-JP】http://gifuken.net/map?address=%CA%BC%B8%CB%B8%A9%BF%C0%B8%CD%BB%D4%CA%BC%B8%CB%B6%E8%C4%CD%CB%DC%C4%CC%A3%B4%C3%FA%CC%DC&zoom=15
と、どちらも表示されなくなったのです…。
余分な<p>タグが入らないよう、「PS Disable Auto Formatting」というプラグインも入れたはずなのですが…。
gifuken.netの方で地図を表示させるのはどうすればよいか、ご教授いただけますと幸いです。
よろしくお願い致します。
No.1
4974
2154
1500pt
こんなエラーが出てます。
Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://gifuken.net/map?address=%CA%BC%B8%CB%B8%A9%BF%C0%B8%CD%BB%D4%CA%BC%B8%CB%B6%E8%C4%CD%CB%DC%C4%CC%A3%B4%C3%FA%CC%DC&zoom=15
住所の文字コードの問題ではなく、Google Map の API でエラーが出てます。
https://developers.google.com/maps/documentation/javascript/error-messages?hl=ja
RefererNotAllowedMapError
Google Maps JavaScript API をロードしている現在の URL が、許可対象のリファラ一覧に追加されていません。Google API Console で、API キーのリファラ設定を確認してください。
Google API Console で API キーを確認してください。詳細については、API キーを安全に使用するためのベスト プラクティスをご覧ください。
まずは、リファラの設定を確認してください。
ただ、こんな書き込みもありました。
http://www.weblog-life.net/entry/2016/03/12/080300
しかもドメイン設定したのに、RefererNotAllowedMapErrorと許可していないドメインからアクセスしているかのようなエラーです。
...
よく見たら、APIキー生成する部分に「設定が有効になるまで、最大で5分かかることがあります」と書いているじゃないですか（苦笑）時間を少し置いたらそのままでエラーはなくなりました。
リファラの設定が正しくできているのであれば、もう一度 確認をしてみるとか。
7
7
1
1
2
ありがとうございます、解決しました！
2017/12/02 23:28:06header.phpに、
<script type="text/javascript" src="http://maps.google.co.jp/maps/api/js?sensor=false&libraries=places&key=（ＡＰＩキー）"></script>
をちゃんと入れて。
googleのＡＰＩ設定画面、
https://console.developers.google.com/apis/credentials/key/0?project=・・・
でちゃんとドメインを登録すれば、表示できるようになりました！
ご助言いただき、ありがとうございました(^^♪