人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

IE6、IE7でGoogle Mapsから取得した地図データをテーブルタグの中で表示しようとすると、地図がグレーになり表示することができません。

同じコードでもFirefox2は正常に表示できます。
表示場所(下記のコードの<div id="map">)をテーブルタグの外に移すとIEでも正常に地図を表示できています。

何かお分かりになる方がいらっしゃいましたら、アドバイスをお願いできないでしょうか。

コードは以下の通りです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps Example</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<script src="http://maps.google.com/maps?file=api&v=2&key=[キー値]" type="text/javascript" charset="utf-8"></script>
<table style="width: 600px;">
<tr>
<td>
<div id="map" style="width:350px; height:300px;"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
var geocoder = new GClientGeocoder();
geocoder.getLatLng('new york', function(point) {map.setCenter(point, 13);});
//]]>
</script>
</td>
</tr>
</table>
</body>
</html>

OSはWindowsXP(SP2)です。

よろしくお願いいたします。

1175048901
●拡大する

●質問者: kinmoj
●カテゴリ:インターネット ウェブ制作
✍キーワード:CDATA Google Maps IE IE6 IE7
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● bajor
●60ポイント ベストアンサー

直接の回答ではありません。

javascript部分を外部読み込みの jsファイルとして使用した場合は

IE 6,7とも問題なく動作しました。

(table タグ内に div id="map" タグを含んでいても動作したということ)

よって解決策はIE6,7 仕様の table タグと div タグの相関関係にあると思いますが、これについての知見はありません。

◎質問者からの返答

アドバイス、ありがとうございます。

どうもIEだとtableやdivで囲うと表示できないようです。

javascriptのコードをテーブルの外に出したところ、正常に表示できるようになりました。

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ