2010年11月7日 Category: Webdesign Tag: ,

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が地図の画像を表示する位置を計算する際に間違えるのが原因の事があるようです。
”Google Maps 活用講座”さんの「Google Mapsの地図を表示したときに、Internet Explorerのときのみ地図の一部が灰色に表示されてしまう。」こちらに詳しく乗っています。

              

Trackback url:http://memocarilog.info/webdesign/1105/trackback

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Recommend

サイト構築スタイルブック

jQueryデザイン入門

10年使える逆引き手帖

最近の投稿

Mac(Lion)のメンテナンス色々
border-radius と jQueryプラグイン-jQuery.corner を使って角丸を簡単に表現する
WordPressをさくらサーバーにインストールで管理画面のみ Internal Error が出る
サイトのメタタグをnoindex,nofollowでアップロードしてしまい、検索に上がってこなくなってしまった時の対処と復帰するまでの時間
Parallelsがアップデート後起動不能になった
Facebookページの縦のスクロールバーを消すコードが変わってた
新Facebookページをデザインする際のサイズとアプリページのサイズ変更方法
普通の携帯電話との違い