1175048901 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)です。

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

回答の条件
  • 1人5回まで
  • 登録:2007/03/28 11:28:22
  • 終了:2007/03/28 14:00:24

ベストアンサー

id:bajor No.1

bajor回答回数7ベストアンサー獲得回数22007/03/28 13:17:16

ポイント60pt

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

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

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

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

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

id:kinmoj

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

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

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

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

2007/03/28 13:59:35

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません