関連ページ  
HTML コントロールで Google MAP :【AIR Flex】


ブラウザでダウンロード

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


2) SWF


3) 簡易ブラウザ



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

Google MAP は、Flex 内から処理できますが、既存の Google MAP を利用
する場合はこのような形になります。それに、Flex 用の API は常に、
ブラウザ上の機能より劣りますから、この方法は捨てがたいはずです。
GmapWindow.mxml
001.<?xml version="1.0" encoding="utf-8"?>
002.<mx:Window
003.    xmlns:mx="http://www.adobe.com/2006/mxml"
004.    horizontalAlign="center"
005.    verticalAlign="middle"
006.    type="normal"
007.    systemChrome="none"
008.    transparent="false"
009.    showFlexChrome="true"
010.    alwaysInFront="false"
011. 
012.    initialize="initData();"
013.    creationComplete="initApp1()"
014.    applicationActivate="initApp2()"
015.    closing="endWindow(event)"
016.    resize="webResize(event)"
017. 
018.    width="750"
019.    height="570"
020. 
021.    title="  Google MAP"
022.    styleName="myTitle"
023.>
024. 
025.<mx:Style>
026..myTitle {
027.    titleBarBackgroundSkin: Embed("gold.png");
028.}
029.</mx:Style>
030. 
031.<mx:Script>
032.<![CDATA[
033. 
034.    import mx.core.*;
035.    import mx.events.*;
036. 
037.    private var me:Window = null;
038.    private var endFlg:Boolean = false;
039. 
040.    // *********************************************************
041.    // endWindow
042.    // *********************************************************
043.    private function endWindow(e:flash.events.Event):void {
044. 
045.        trace("[App:closing]");
046. 
047.        if ( !endFlg ) {
048.            e.preventDefault();
049.        }
050. 
051.    }
052. 
053.    // *****************************************************
054.    // HTML コントロール のサイズコントロール
055.    // *****************************************************
056.    private function webResize(e:mx.events.ResizeEvent):void {
057. 
058.        try {
059.            web.width = this.width-2;
060.            web.height = this.height-45-30;
061.        }
062.        catch (error:Error) {
063.        }
064. 
065.    }
066. 
067.    // *****************************************************
068.    // 初期処理
069.    // *****************************************************
070.    private function initData():void {
071. 
072.        web.location = "http://lightbox.on.coocan.jp/html/gmapforair.htm"
073.        me = this;
074. 
075.    }
076. 
077.    // *********************************************************
078.    // creationComplete
079.    // *********************************************************
080.    private function initApp1():void {
081. 
082.        trace("[App:afterDisplay]");
083. 
084.    }
085. 
086.    // *********************************************************
087.    // applicationActivate
088.    // *********************************************************
089.    private function initApp2():void {
090. 
091.        trace("[App:start]");
092. 
093.    }
094. 
095.]]>
096.</mx:Script>
097. 
098.<mx:Button
099.    id="btn"
100.    label="close"
101.    click="endFlg=true;me.close()"
102.    fontSize="8"
103.    styleName="blackButton"
104./>
105.<mx:HTML
106.    id="web"
107.    width="750"
108.    height="550"
109./>
110. 
111.</mx:Window>