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)です。
よろしくお願いいたします。
No.1
7
2
60pt
直接の回答ではありません。
javascript部分を外部読み込みの jsファイルとして使用した場合は
IE 6,7とも問題なく動作しました。
（table タグ内に div id="map" タグを含んでいても動作したということ）
よって解決策はIE6,7 仕様の table タグと div タグの相関関係にあると思いますが、これについての知見はありません。
3
2
2
1
1
13
13
アドバイス、ありがとうございます。
どうもIEだとtableやdivで囲うと表示できないようです。
javascriptのコードをテーブルの外に出したところ、正常に表示できるようになりました。
ありがとうございました。