このページでは 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);
});
何が原因なのかお心当たりがあればご教授いただけませんでしょうか。
よろしくお願いいたします。
No.1
668
268
現在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
1
1
2
1
1
0
すみません。先ほど試したらオプションなしだと表示されませんでした（ただ、エラーもでませんでしたが)。
2015/09/14 22:02:34https://developers.google.com/maps/documentation/javascript/tutorial#The_Hello_World_of_Google_Maps_v3
こちらのコードのとおりなら表示されました。
確認が遅れ申し訳ありません。
2015/09/17 14:37:45googleデベロッパーのAPI認証ページはなぜか表示されるようになりました。
https://developers.google.com/maps/documentation/javascript/tutorial#The_Hello_World_of_Google_Maps_v3
エラーの件テストまでしていただきましてありがとうございます。
申し訳ありません、わたしのほうでも同じテストをしていなかったので
してみたところ、他で管理しているjpドメインのサイトでは問題なく表示されました。
今回質問させていただきましたサイトはURLが今仮の状態で
ドメインがサーバで提供されているhogehoge.hogehoge.jpなのですが
おそらくドットが２つあるのが原因だと予測します。それでAPI認証がうまくいっていないと。
こちらに関しても認識違いなどありましたら突っ込んでいただければ嬉しいです。
度々のご回答いただきありがとうございました。