当サイトには広告が含まれております

複数ポイント表示のGoogleMapがIE11から表示できなかったのを修正

この記事は最終更新日から11年経過しています。内容が古い可能性があります。

Image

コワーキングスペースに行こう!go-coworking.com

というサイトをNetCommon2で作成して運営しています。全国のコワーキングスペースの情報を地図上で表示したいと思ってGoogleMapのAPIを利用して表示していましたが、IE11になったとたんにトップページのGoogleMapが表示されなくなってしまいました。

記事をざっと見る

chrome、firefoxは表示される。IE11でも詳細ページの地図は表示される。

現象を確認します。chrome、firefoxでは特に問題ありませんでした。ということはGoogleMapのAPIが仕様変更された訳ではなく、やはりIE11になったことが直接の原因のようです。

トップページはこのように全く何も表示されません。
Image

詳細ページにもGoogleMapのAPIで地図表示をしているのですがこちらは表示されていました。

Image

ということは1つの表示ではなく、複数のポイントを表示するとエラーになっているようです。

IE11の開発者ツールで原因が判明しました

F12開発者ツール 画面を開くとこのようになっていました。
Image

ドキュメントモード というところが 9 になっています。ここを試しに 10 にしてみたところ、地図が表示されることを確認しました。

そもそもなぜここが9になっているのかを調査したところ、

html\webapp\templates\main\header.html

で、

<meta http-equiv="X-UA-Compatible" content="IE=9" />

このように指定していました。この指定は元々あったものではなく、地図が表示できるようにカスタマイズしたときにこの記述を追加したようです。記憶がうすうすでよく分からないのですがおそらくこうでないと一覧が出なかったのだと思います。この記述を、

<meta http-equiv="X-UA-Compatible" content="IE=10" />

として管理画面でモジュールの一括アップデートをかけたところトップページの地図が表示されるようになりました!

Image

結論。

なぜIE11になったら9の指定ではダメになったか、という原因をググってみたのですが同様の状況がいみつからず分からずじまいでした。

とにかく、「IE11になったらGoogleMapがなにやらおかしかったら、ドキュメントモードを調べて9とかだったら10にしてみよう」という結論でした(^_^;

この記事が気に入ったら
いいね または フォローしてね!

あなたのシェアが励みになります!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントを残す

記事をざっと見る