質問編集履歴
3
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
###前提・実現したいこと
|
|
2
2
|
知り合いのサイトを運営しています。
|
|
3
3
|
webflowというツールを用いて作成、運用しています。
|
|
4
|
-
以下URLです。
|
|
5
|
-
chakura.kaleidoscope-narushima.com
|
|
6
4
|
|
|
7
5
|
###発生している問題・エラーメッセージ
|
|
8
6
|
ページ下部に以下の文章が表示されています。
|
2
初心者マークの付記
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
1
タイトルの変更。エラーメッセージの追記。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Googlemapが表示されない
|
|
1
|
+
GooglemapのAPIを埋め込んでもmapが表示されない
|
body
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
###前提・実現したいこと
|
|
2
2
|
知り合いのサイトを運営しています。
|
|
3
|
+
webflowというツールを用いて作成、運用しています。
|
|
3
4
|
以下URLです。
|
|
4
5
|
chakura.kaleidoscope-narushima.com
|
|
5
6
|
|
|
@@ -9,16 +10,25 @@
|
|
|
9
10
|
エラーが発生しました。
|
|
10
11
|
このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。
|
|
11
12
|
```
|
|
13
|
+
デベロッパーツールにて確認したところ、以下3点エラー表示されていました。
|
|
12
14
|
|
|
15
|
+
①You have included the Google Maps API multiple times on this page.と表示されております。記載されているURLをクリックすると、以下のコードが×と表示されておりました。
|
|
13
16
|
|
|
14
|
-
|
|
15
|
-
以下の「試したこと」に記載
|
|
17
|
+
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=[];
|
|
16
18
|
|
|
19
|
+
②Google Maps API error: RefererNotAllowedMapErrorと表示されております。記載されているURLをクリックすると、以下のコードが×と表示されておりました。
|
|
17
20
|
|
|
21
|
+
_.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()};
|
|
22
|
+
|
|
23
|
+
③Google Maps API warning:InvalidKeyと表示されております。
|
|
24
|
+
記載されているURLをクリックすると、別のページに飛ばされます。
|
|
25
|
+
APIが間違っていると書かれていたので、再度APIの取得を試みましたが、webflowの設定画面からGoogleのAPIを取得しようとすると、エラーになっていまいます。そのため、GoogleのページからAPIを取得し、webflowに埋め込んでいます。
|
|
26
|
+
|
|
27
|
+
|
|
18
28
|
###試したこと
|
|
19
29
|
①APIキ-（AIzaSyBMIuafupUsHfqvOrcEELkBq4bSJjxzUNc）を取得
|
|
20
30
|
②htmlファイルに<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBMIuafupUsHfqvOrcEELkBq4bSJjxzUNc"></script>
|
|
21
31
|
を挿入
|
|
22
32
|
|
|
23
33
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
|
24
|
-
|
|
34
|
+
キャッシュをクリアして再度サイトを見ても同様にエラー表示がでております。
|