###前提・実現したいこと
知り合いのサイトを運営しています。
webflowというツールを用いて作成、運用しています。
###発生している問題・エラーメッセージ
ページ下部に以下の文章が表示されています。
エラーが発生しました。 このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。
デベロッパーツールにて確認したところ、以下3点エラー表示されていました。
①You have included the Google Maps API multiple times on this page.と表示されております。記載されているURLをクリックすると、以下のコードが×と表示されておりました。
ch=function(){for(var a in Object.prototype)window.console&&window.console.error("This site adds property <"+a+"> to Object.prototype. Extending Object.prototype breaks JavaScript for..in loops, which are used heavily in Google Maps API v3.")};dh=function(a){(a="version"in a)&&window.console&&window.console.error("You have included the Google Maps API multiple times on this page. This may cause unexpected errors.");return a};_.sa=[];
②Google Maps API error: RefererNotAllowedMapErrorと表示されております。記載されているURLをクリックすると、以下のコードが×と表示されておりました。
.Ya=function(a,b){for(var c in a)b(c,a[c])};.lb=function(a){return function(){var b=this,c=arguments;.kb(function(){a.apply(b,c)})}};.kb=function(a){return window.setTimeout(a,0)};mb=function(a,b){if(Object.prototype.hasOwnProperty.call(a,b))return a[b]};.nb=function(a){window.console&&window.console.error&&window.console.error(a)};.qb=function(a){a=a||window.event;.ob(a);.pb(a)};_.ob=function(a){a.cancelBubble=!0;a.stopPropagation&&a.stopPropagation()};
③Google Maps API warning:InvalidKeyと表示されております。
記載されているURLをクリックすると、別のページに飛ばされます。
APIが間違っていると書かれていたので、再度APIの取得を試みましたが、webflowの設定画面からGoogleのAPIを取得しようとすると、エラーになっていまいます。そのため、GoogleのページからAPIを取得し、webflowに埋め込んでいます。
###試したこと
①APIキ-(AIzaSyBMIuafupUsHfqvOrcEELkBq4bSJjxzUNc)を取得
②htmlファイルに<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBMIuafupUsHfqvOrcEELkBq4bSJjxzUNc"></script>
を挿入
###補足情報(言語/FW/ツール等のバージョンなど)
キャッシュをクリアして再度サイトを見ても同様にエラー表示がでております。
回答2件
あなたの回答
tips
プレビュー