Google Mapを表示させていたホームページでGoogla Mapをv2からv3にバージョンアップしたら、何故かIEだけでうまく表示されない...
横サイズは問題ないようですが、縦サイズが短すぎて指定どおりに表示できないという不具合が発生。
今回はSimple Mapというプラグインを利用して、ショートコードで表示させていたのですが、他サイトで表示できるので、プラグインのバグではない。
ネットでの情報も乏しく中々解決方法が見つからず2日が経過。
そして、サイトのコードを一つ一つ検証していって、HEAD内にある
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″>
を削除してみたところ、IEでも正常に表示することができました。
IE8で適切にレンダリングされるように修正するMETAタグですが、これがGoogle Map v3に対応できていなかったということでしょうか。
そこで、これを以下のように変更することで対応。