イナヅマTVログ

Google Maps API for Flash でリサイズ可能な地図を作る

| 0件のコメント

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

コメントを残す

必須欄は * がついています