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 より簡単に設置ができた。
サーバー側と連携した動的な地図生成は研究課題にしておく。