IE6でGooglemapsを使うときの注意点
Google Maps API version2 を使ってGooglemapの表示をするようにしたのですが、
IE6でだけ地図が灰色になってしまって表示ができませんでした。
以前も同じ所でつまづいたのでメモです。
DD_belatedPNG.jsを使用していて、Googlemapの表示場所がDD_belatedPNG.jsの指定範囲内だとGooglemapの表示がされないようです。
<!--[if IE 6]>
<script src="<?php bloginfo('template_url'); ?>/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('img, .png_bg');
</script>
<![endif]-->
上記の様にimg要素全体に指定しているとダメなようです。
<script>
DD_belatedPNG.fix('#header img,#map img ,#footer img );
</script>
マップのページだけDD_belatedPNG.jsを効かせたい場所を↑のように面倒ですが個別に指定したら、Googlemapが表示されるようになりました。
あとは、internetExplorerが地図の画像を表示する位置を計算する際に間違えるのが原因の事があるようです。
No Comments & Tracbacks