JQuery Moble で Google Map を使うとサイズ指定がちょっとメンドクサイ。

最終更新日

※追記
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた
……もっと、早く知っていればこんな苦労は orz


jQuery Moble のページ内でGoogle Mapを使おうとしたのですが、map_canvas をwidth:100%; height:100%”で指定すると上手く表示されませんでした。 orz

とりあえず、サイト読み込み(onload)時に初期化すると、上手く表示されないようなので、mapページが表示されたタイミングで、ウインドサイズを元にmap_canvasのサイズを指定して初期化したら上手くいきました。

ちょっと、メンドクサイ。

JQuery Mobile + Gmap テスト – jsdo.it – share JavaScript, HTML5 and CSS