google mapでﾏｳｽﾎｲｰﾙを無効にするためにapiを登録しましたがこのﾍﾟｰｼﾞでは Google ﾏｯﾌﾟの要素を表示できませんでした｡指定した Google API ｷｰが無効である…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

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);
});

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

●質問者: khgaskdhg88hjweuiyqwe3
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

▽1 ● TransFreeBSD

現在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

khgaskdhg88hjweuiyqwe3さんのｺﾒﾝﾄ
TransFreeBSDさんご回答ありがとうございます！以下のことを試してみましたがｴﾗｰﾒｯｾｰｼﾞも変わらずでした｡ｴﾗｰｺｰﾄﾞが抜けていました下記です InvalidKeyOrUnauthorizedURLMapError ･sensorのjavascriptの1行を削除しました｡･http://hogehoge.com/ hogehoge.com/ *.hogehoge.com/* と設定していたﾘﾌｧﾗの設定を削除してみました｡･ｵﾌﾟｼｮﾝなしにするため下記に書き換えました｡ var map = new google.maps.Map(document.getElementById('map_canvas')); 2点気になったのですが上記設定しているｻｲﾄのURLですがさくらさんの無料で設定できるURLなんですがこちらは関連などありますでしょうか｡無料といってもｳｪﾌﾞ上には普通に公開されていますし､ (現在構築中なのでgoogleのｸﾛｰﾙは今拒否していますが) 特に普通のURLと変わらないとは思うのですが｡もう一点はgoogleﾃﾞﾍﾞﾛｯﾊﾟｰのAPI認証ﾍﾟｰｼﾞが(ﾘﾌｧﾗを設定するﾍﾟｰｼﾞ) ﾌﾟﾗｲﾍﾞｰﾄﾌﾞﾗｳｼﾞﾝｸﾞでないとｱｸｾｽできないという現象が起きています｡ (ｱｸｾｽできないとはずっと読み込み中になるということです) javascriptのｱﾗｰﾄでｴﾗｰが出ているということは途中までは処理が進んでいるのだとは思うのですが｡｡｡追加情報としてfirebugでｺﾝｿｰﾙｴﾗｰのところに表示されたｱﾄﾞﾚｽがありました｡ https://developers.google.com/maps/documentation/javascript/tutorial#api_key 度々誠に恐縮ですがもしなにかお心当たりがありましたらよろしくお願いいたします｡

TransFreeBSDさんのｺﾒﾝﾄ
>> もう一点はgoogleﾃﾞﾍﾞﾛｯﾊﾟｰのAPI認証ﾍﾟｰｼﾞが(ﾘﾌｧﾗを設定するﾍﾟｰｼﾞ) ﾌﾟﾗｲﾍﾞｰﾄﾌﾞﾗｳｼﾞﾝｸﾞでないとｱｸｾｽできないという現象が起きています｡ << それは何かおかしいですね｡動作ﾃｽﾄしてるﾌﾞﾗｳｻﾞも同じﾌﾞﾗｳｻﾞですか？ｱﾄﾞｵﾝが邪魔していたりしませんか？全てのｱﾄﾞｵﾝを無効にしてみるか､別のﾌﾞﾗｳｻﾞで試せるなら試してみた方が良いかもしれません｡

TransFreeBSDさんのｺﾒﾝﾄ
すみません｡先ほど試したらｵﾌﾟｼｮﾝなしだと表示されませんでした(ただ､ｴﾗｰもでませんでしたが)｡ https://developers.google.com/maps/documentation/javascript/tutorial#The_Hello_World_of_Google_Maps_v3 こちらのｺｰﾄﾞのとおりなら表示されました｡

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認証がうまくいっていないと｡こちらに関しても認識違いなどありましたら突っ込んでいただければ嬉しいです｡度々のご回答いただきありがとうございました｡