■質問
本日、ドメインの設定を行ったところGoogle Mapがエラーになりました。
旧HAIK forumにある質問みたいにHTMLを埋め込むしか方法はないのでしょうか？
[366]以前G-MAPのAPIキーについて投稿した件
http://haikforum.qhmtips.com/pforum/pforum.php?mode=viewmain&l=0&no=366&p=0&page=40&dispno=366

リンク数が多いので２つに分けて投稿。
-- 続く --

うみほしさん

ご返信ありがとうございます。

キーについての過去ログをしっかり見ていませんでした。申し訳ありません。頑張って取得・設定してみます。

tomzo さん
良かったです(^^)

yunaさん

こんにちは、tomzoです。

width="100%"　にしたらはみ出さないようになりました。
バッチリです。

ありがとうございます。

tomzo さん、こんにちは。

google mapからの埋め込みコードの中の、
width="800"
↓
width="100%"
にすると、スマホでもはみ出さなくなると思います。
もう試されましたか？
私も色々な機種で試した訳ではありませんが、家族のスマホでははみ出しは見られませんでした。

うみほしさん

返信ありがとうございます。
見落としていました。

gmapプラグインにキーを書いてみる方法はまだ確認していません。
時間があったらやってみたいと思います。

現在は、HAIKのプラグインは使用しないでGoogleMapから埋め込みのコードを
コピーしてきて、それを #htmlプラグインで埋め込んで使用しています。
ただしスマホの画面サイズが小さい時は少しはみ出したりするので、本当は　#gmapを使いたいです。

■エラーになるプラグイン
#gmap(hide,zoom=15){{
東京都板橋区小豆沢x-x-x,店名○○○,都営三田線 ○○駅 徒歩○分,139.xxxxxxx,35.xxxxxxx
}}

■現在のソース
#only_pc{{{
#html{{
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3236.942　途中省略" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
}}
}}}

#only_mobile{{{
#html{{
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3236.942　途中省略" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
}}
}}}

あっしゅさん

　キーを設定してもエラーが出るということでしょうか。

私も同じ現象です。数個あるドメインの内一つだけエラーが出て、原因がわからず困っています。FTP内のファイルをすべて削除してHAIKをインストールしなおし、更新しても、


「このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。」

と表示されます。

コメントの引用です。実験してみてください。
私のサイトではエラーが出ていないので、実験できません。
マップでエラーが出ている人に確認していただきたいです。

@umihoshi
未確認ですが、おそらくそうだと思います。
#gmap が出力する Google マップの JavaScript 読み込みタグと、 #beforescript 等で書き込んだ読み込みタグがあるからですね。

こちらにある、これを直接 gmap プラグインに書いたらエラーは出なくなるかもです。（未確認です）

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
type="text/javascript"></script>

＞HAIKに最初から埋め込まれているﾏｯﾌﾟJavaの指定URLが問題で、ｈｔｍｌでjavaを埋め込むと、URLどうしが干渉してしまう事があり、エラーが出ていました。

　ここが問題点のようですね。HAIK内のjsを修正する必要があるということでしょうか。

以前うまくいった対策だと、フッターにキーを書けば良いということでしたね。
開発者のコメントでは、次期バージョンでは設定の中のキーの設定を復活させようかという議論になっています。
グーグル側でキーを要求するようになったのが原因だといわれています。

-- 続き --
■画面の表示
エラーが発生しました。
このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。

■コンソールの内容
Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
_.lb @ js?sensor=false:34
util.js:210 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
eB.j @ util.js:210
util.js:210 Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required