EUC-JPとUTF-8のどちらにも対応した地図の表示方法につきまして

前回の質問 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の方で地図を表示させるのはどうすればよいか、ご教授いただけますと幸いです。
よろしくお願い致します。

回答の条件
  • 1人30回まで
  • 13歳以上
  • 登録:2017/12/02 20:18:31
  • 終了:2017/12/03 10:10:31

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4619ベストアンサー獲得回数19552017/12/02 21:11:56

ポイント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分かかることがあります」と書いているじゃないですか(苦笑)時間を少し置いたらそのままでエラーはなくなりました。

リファラの設定が正しくできているのであれば、もう一度 確認をしてみるとか。

id:sherlockhomeless

ありがとうございます、解決しました!
header.phpに、

<script type="text/javascript" src="http://maps.google.co.jp/maps/api/js?sensor=false&libraries=places&key=(APIキー)"></script>

をちゃんと入れて。
googleのAPI設定画面、

https://console.developers.google.com/apis/credentials/key/0?project=・・・

でちゃんとドメインを登録すれば、表示できるようになりました!
ご助言いただき、ありがとうございました(^^♪

2017/12/02 23:28:06

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません