1月 26 2009
Google Maps API for Flash で作る地図は、当たり前だけど Flash(swf) ファイルなのでリサイズ可能な Flash 制作と同じことに気をつければ簡単に作れる。
まずは Flash。
・原点を左上にする。
・拡大しないようにする。
stage.align = StageAlign.TOP_LEFT; stage.scaleMode = StageScaleMode.NO_SCALE;
・ブラウザウインドウのリサイズにあわせて地図サイズを変更する。
stage.addEventListener(Event.RESIZE,resizeHandler); function resizeHandler (e:Event):void { map.setSize(new Point(stage.stageWidth, stage.stageHeight)); }
次に表示させるHTMLのCSS
html{ width:100%; height:100%; } body{ width:100%; height:100%; margin: 0; padding: 0; overflow: hidden; }
swf表示タグ
width="100%" height="100%"
Javascript Google Map より簡単に設置ができた。
サーバー側と連携した動的な地図生成は研究課題にしておく。
