multimedia design, Actionscript, Lingo, PHP, Perl, SQL
1月
26
Post

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

Bookmark and Share

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt=""> <pre lang="" line="" escaped="">