人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: sherlockhomeless
●カテゴリ:ウェブ制作 学習・教育
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●1500ポイント ベストアンサー

こんなエラーが出てます。

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

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


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=・・・ でちゃんとドメインを登録すれば、表示できるようになりました! ご助言いただき、ありがとうございました(^^♪
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ