IE と GoogleMap

webページに Google Maps が表示できるようにしようと勉強中なのですが、IEでなかなか表示できなくて苦労した。

Firefox でちゃんと表示されるのに、IEで表示されないという問題。

いろいろ調べたところ、文字コードに問題があった模様。
Google Maps のscriptタグにcharset属性　charset=UTF-8 と追加。

でも今度は、地図は出るのですが、意図しない表示がされます。
具体的に言うと、Gmap.centerAndZoom()で中心座標を指定しているのにも関わらず、その中心位置がずれてしまう。
しかもずれた部分が灰色表示されていて、ちゃんと地図が見れない。

これも調べたところによると、IEが地図の画像を表示する位置を計算する際、その計算を間違えてしまうのが原因のよう。
これは、Gmapのインスタンスを生成する際に、
var map = new GMap(document .getElementById('map'));
とするのではなく、
var map = new GMap(document .getElementById('map'), {size:new GSize(x,y)});
のように、size属性で指定することによって、解決できるのだそうで、実際にやってみたら、IEでも表示できた。
よかったよかった。