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

2014年4月8日

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

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

記事をざっと見る

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

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

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

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

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

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

ドキュメントモード　というところが　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" />

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

結論。

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

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

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

Follow @u_sort

あなたのシェアが励みになります！