Google Maps との格闘！

今朝は、Google Maps と格闘していた。 いろいろ分かってきたのだが、1つ大事な事が分かりました。 残念ながら、世の中で一番のシェアのWindows IE で動かす事が難しいという事。 (T_T)

1. Windows IE でも動作する
2. Windows IE では動作しない
3. Windows IE では動作しない

以下のようなタグを書く事でマップが表示されます。

<div id="map" style="width: 650px; height: 365px"></div>
<script type="text/javascript">
    //<![CDATA[
    var map = new GMap(document.getElementById("map"));
        .
        .
        .
    //]]>
</script>

1. は、この部分を他の＜div＞で囲まない。 2. あまり意識しないで、普通に＜div＞で囲まれている。 3. JavaScript部分だけを外部に出してみるテストをやってみた。 他のブラウザでは問題無いが、2.3 について、Windows IE だけは「サーバーが見つからないか、DNSエラーです。」という表示になる。

これを回避しようと思ったらテーブルでレイアウトするか、＜DIV＞で囲まないように気をつけてレイアウトするという事になる。 ちょっと、使えそうにない。 私のやり方が悪いという事だと、いいのだが...

a-blog で普通に記事を書く中に書きたかったので、凄い残念ですね。 仕方が無いので IE対策として外部ウィンドウを開くようにしようと思います。 地図だけなら何も問題無いですしね。