AIR で Google MAP API が使用可能です :【AIR Flex】

やはり利用可能になってました

こちら で調べた時はまだ対応して無かったんですが、よくよく調べてみると、
まとめた後の1ケ月に対応されたみたいで・・。

HTML コントロールでまとめた時期と比べると数週間くらい。

追いかけるの大変です。

こちらに 英語でごちゃごちゃ説明していますが、
要するに前回との違いは二つだけだと思います

map_flex_1_7a.swc => map_flex_1_8b.swc

【　1　 】

　　MAP コントロールに url プロパティを設定して、
　　その url に対して自分の アカウントで取得した API Key を使用する

【　2　 】

　　language プロパティで、MAP コントロールの言語を指定する

やってみたところ、url は別になんでもいいようなんです。
使用するアカウント縛りのような気がしますが、
こうなってしまうと、もう殆どアクセス分析のサンプリングでしか役に立って無いような気もしますけど、
手間として自分の API Key は必ず取得して使用します。

つまり、AIR として配布した時点でそのキーが一人歩きする事になりますが・・・
ソースとかに自分の API Key いれっぱなしで配布する失敗が増えそうな気がします。


あと、WEB バージョンは URL から(?)自動的に言語を判定していたようなんですが、
( 想像です。検証してないので根拠無いです )
今回の仕様ではそれは不可能だから、language プロパティで指定するようです。
まだ、map_flex_1_8b.swc で web バージョンは作って無いので前回の仕様が
どうなってしまったかは確かめて無いですけど、とにかく最後に書いた language
プロパティで上書きされています。MAP コントロール単位では無かったです

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:maps="com.google.maps.*"
	initialize="initData();"

	usePreloader="true"

	titleIcon="{imgSmile}"
	headerHeight="80"
	cornerRadius="20"
	titleTextStyleName="titleStyle"
>

<mx:Style>
WindowedApplication {
	backgroundGradientColors: 0,9044009;
}
.titleStyle {
	fontSize: 12;
}
</mx:Style>

<mx:Script>
<![CDATA[

	import com.google.maps.*;
	import com.google.maps.controls.*;

	import mx.controls.*;
	import mx.events.*; 

	[Bindable]
	[Embed("smile.png")]
	private static var imgSmile:Class;

	// *********************************************************
	// アプリケーションの初期化
	// *********************************************************
	public function initData():void {

		// メッセージ
		trace( "initData() が実行されました" );

	}

	// *********************************************************
	// 地図表示
	// *********************************************************
	private function DisplayMap(event:MapEvent):void {

		event.target.setCenter(
			new LatLng(49.345704, 154.721317),
			13,
			MapType.HYBRID_MAP_TYPE
		);

		event.target.addControl(new ZoomControl());
		event.target.addControl(new PositionControl());
		event.target.addControl(new MapTypeControl());

		trace("MAP 作成完了");

	}
	private function DisplayMap2(event:MapEvent):void {

		event.target.setCenter(
			new LatLng(-22.795173, -67.833195),
			13,
			MapType.HYBRID_MAP_TYPE
		);

		event.target.addControl(new ZoomControl());
		event.target.addControl(new PositionControl());
		event.target.addControl(new MapTypeControl());

		trace("MAP 作成完了");

	}

]]>
</mx:Script>

<mx:HBox
	width="100%"
	height="100%"
>
	<mx:Panel
		title="北方の島"
		horizontalAlign="center"
		width="100%"
		height="100%"
	>
	<maps:Map
		language="ja"
		xmlns:maps="com.google.maps.*"
		id="map"
		mapevent_mapready="DisplayMap(event)"
		width="100%"
		height="100%"
		url="http://winofsql.jp/apis/maps/"
		key="上記 URL で かつ自分のアカウントで取得した自分のAPI Key"
	/>
	</mx:Panel>

	<mx:Panel
		title="Laguna Verde"
		horizontalAlign="center"
		width="100%"
		height="100%"
	>
	<maps:Map
		xmlns:maps="com.google.maps.*"
		id="map2"
		mapevent_mapready="DisplayMap2(event)"
		width="100%"
		height="100%"
		url="http://code.google.com/apis/maps/"
		key="上記 URL で かつ自分のアカウントで取得した自分のAPI Key"
	/>
	</mx:Panel>
</mx:HBox>

</mx:WindowedApplication>