google mapでマウスホイールを無効にするためにapiを登録しましたが


このページでは Google マップの要素を表示できませんでした。 指定した Google API キーが無効であるか、またはこのサイトでは使用が許可されていません。


と出てしまいます。設定したことは以下です。

console.developers.google.comでブラウザ API キーを設定しkeyを取得し、リファラ―を設定。

ヘッダ部分で

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" style="">
<script src="https://maps.googleapis.com/maps/api/js?key={keykeykey}"></script>

と追加。

フッタ部分で

jQuery(window).load(function() {
var latlng = new google.maps.LatLng(xxxxxxx, xxxxxx);
var myOptions = {
zoom: 17,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false
};
var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
});

何が原因なのかお心当たりがあればご教授いただけませんでしょうか。
よろしくお願いいたします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/09/13 19:48:01
  • 終了:2015/09/20 19:50:07

回答(1件)

id:TransFreeBSD No.1

TransFreeBSD回答回数665ベストアンサー獲得回数2672015/09/13 22:31:35

現在sensorパラメータは必要なくなっているそうですし、2度呼び出しているのでその影響かも知れません。
また、リファラの制限がうまく行っていない可能性もあります。まずは設定せずに試してはどうでしょう。
加えて、Google Maps JavaScript APIが有効になっているか今一度確認してみてはどうでしょう。
さらにそれでもダメなら、一旦オプションはなしにして試してみてはどうでしょうか。
https://developers.google.com/maps/documentation/javascript/tutorial#Troubleshooting
https://syncer.jp/google-maps-javascript-api-matome#sec-1-5

他2件のコメントを見る
id:TransFreeBSD

すみません。先ほど試したらオプションなしだと表示されませんでした(ただ、エラーもでませんでしたが)。
https://developers.google.com/maps/documentation/javascript/tutorial#The_Hello_World_of_Google_Maps_v3
こちらのコードのとおりなら表示されました。

2015/09/14 22:02:34
id:khgaskdhg88hjweuiyqwe3

確認が遅れ申し訳ありません。
googleデベロッパーのAPI認証ページはなぜか表示されるようになりました。

https://developers.google.com/maps/documentation/javascript/tutorial#The_Hello_World_of_Google_Maps_v3

エラーの件テストまでしていただきましてありがとうございます。
申し訳ありません、わたしのほうでも同じテストをしていなかったので
してみたところ、他で管理しているjpドメインのサイトでは問題なく表示されました。
今回質問させていただきましたサイトはURLが今仮の状態で
ドメインがサーバで提供されているhogehoge.hogehoge.jpなのですが
おそらくドットが2つあるのが原因だと予測します。それでAPI認証がうまくいっていないと。

こちらに関しても認識違いなどありましたら突っ込んでいただければ嬉しいです。

度々のご回答いただきありがとうございました。

2015/09/17 14:37:45

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

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

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

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

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