関連ページ  

HTML コントロールで Google MAP :【AIR Flex】

メインウインドウのコードと PDF の2次ウインドウのコードは
AIR のウインドウ (5) -- 2次ウインドウでHTMLコントロール


2) SWF


3) 簡易ブラウザ

HTML -- Google MAP

ボタンを追加して、ウインドウを閉じる場合はこのボタンで閉じるようにして、
通常のタイトルの「閉じるボタン」は動作しません。

Google MAP は、Flex 内から処理できますが、既存の Google MAP を利用
する場合はこのような形になります。それに、Flex 用の API は常に、
ブラウザ上の機能より劣りますから、この方法は捨てがたいはずです。

<?xml version="1.0" encoding="utf-8"?>
<mx:Window
	xmlns:mx="http://www.adobe.com/2006/mxml"
	horizontalAlign="center"
	verticalAlign="middle"
	type="normal"
	systemChrome="none"
	transparent="false"
	showFlexChrome="true"
	alwaysInFront="false"

	initialize="initData();"
	creationComplete="initApp1()"
	applicationActivate="initApp2()"
	closing="endWindow(event)"
	resize="webResize(event)"

	width="750"
	height="570"

	title="  Google MAP"
	styleName="myTitle"
>

<mx:Style>
.myTitle {
	titleBarBackgroundSkin: Embed("gold.png");
}
</mx:Style>

<mx:Script>
<![CDATA[

	import mx.core.*;
	import mx.events.*;

	private var me:Window = null;
	private var endFlg:Boolean = false;

	// *********************************************************
	// endWindow
	// *********************************************************
	private function endWindow(e:flash.events.Event):void {

		trace("[App:closing]");

		if ( !endFlg ) {
			e.preventDefault();
		}

	}

	// *****************************************************
	// HTML コントロール のサイズコントロール
	// *****************************************************
	private function webResize(e:mx.events.ResizeEvent):void {

		try {
			web.width = this.width-2;
			web.height = this.height-45-30;
		}
		catch (error:Error) {
		}

	}

	// *****************************************************
	// 初期処理
	// *****************************************************
	private function initData():void {

		web.location = "http://lightbox.on.coocan.jp/html/gmapforair.htm"
		me = this;

	}

	// *********************************************************
	// creationComplete
	// *********************************************************
	private function initApp1():void {

		trace("[App:afterDisplay]");

	}

	// *********************************************************
	// applicationActivate
	// *********************************************************
	private function initApp2():void {

		trace("[App:start]");

	}

]]>
</mx:Script>

<mx:Button
	id="btn"
	label="close"
	click="endFlg=true;me.close()"
	fontSize="8" 
	styleName="blackButton"
/>
<mx:HTML
	id="web"
	width="750"
	height="550"
/>

</mx:Window>