質問: ### 前提・実現したいこと 知り合いのサイトを運営しています。 webflowというツールを用いて作成、運用しています。 ### 発生している問題・エラーメッセージ ページ下部に以下の文章が表示されています。 ``` エラーが発生しました。 このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。 ``` デベロッパーツールにて確認したところ、以下3点エラー表示されていました。 1You 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=[]; 2Google 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()}; 3Google Maps API warning:InvalidKeyと表示されております。 記載されているURLをクリックすると、別のページに飛ばされます。 APIが間違っていると書かれていたので、再度APIの取得を試みましたが、webflowの設定画面からGoogleのAPIを取得しようとすると、エラーになっていまいます。そのため、GoogleのページからAPIを取得し、webflowに埋め込んでいます。 ### 試したこと 1APIキ-(AIzaSyBMIuafupUsHfqvOrcEELkBq4bSJjxzUNc)を取得 2htmlファイルに を挿入 ### 補足情報(言語/FW/ツール等のバージョンなど) キャッシュをクリアして再度サイトを見ても同様にエラー表示がでております。
回答: htmlファイルに挿入したスクリプトタグを削除してみてください。 webflow.jsの中でスクリプトタグの生成をしている箇所が有り、2箇所同じタグが入っている状態になっています。