Yahoo APIとAS3

目次へ戻る

Flashで動かす地図サービス †

---

担当 †

松村

●1執筆にあたって †

○1-1 はじめに †

ActionScript? 3.0が出てから、たくさんの人がいろんなライブラリを開発し、公開しています。 今までだと、自分ですべて開発してきたのですが、ActionScript? 3.0からは、「どのように自分で開発していくか」よりも「いかに人のライブラリを使って開発を容易にできるか」に重点が置かれているのではないかと思っています。

この本でもそういった他の人の技術を使って新しいものを作る、いわゆるマッシュアップコンテンツというもののサンプルがたくさん紹介されていますが、僕の章でも他の技術を組み合わせたコンテンツを作ってみることにしました。

この章で取り扱うテーマは地図サービスとの連動です。現在GoogleマップやYahooマップなど、いろんなところで地図を提供しているサービスがありますが、だいたいがHTMLやJavascriptを使用するAPIを公開しています。 Flashを使う人にとっては、それら地図情報をFlashに読み込んでその地図上でぐりぐりとアニメーションが動けばさぞ楽しいものができるのではと思っている人が多いのではないでしょうか？ そこで僕はFlashで使える地図サービスについて書くことにしました。地図サービスはいくつかあるのですが、そのうちの1つを使いサンプルを作成していきます。その他のサービスについては、最後に簡単に使い方をまとめています。

○1-2 サンプルのコンセプト †

地図を使うコンテンツを作成するにあたって、現状のマップサービスではないものを考えてみました。 現状のgoogleマップやyahooマップでは、地図上にアイコンをのせたり、ルートを検索するサービスなどがあります。たしかにこれらはサービスとしてはとても役立つものですし、地図を使う上ではかかせないものです。 ただ、今回のサンプルを作成するにあたって、もっとFlashでしかできないものはないかと考えました。Flashで特徴的なものといえば、やはりアニメーションです。地図上でアニメーションがガリガリと動いて、それでいて楽しいもの、そういったものを作れば、今までにないアプローチができるのではと思いました。

そこで思い浮かんだのが、地図上での人口密度の表示です。 僕は神戸で育ち、現在は東京に住んでいます。神戸から東京に来たときに感じたのが、人の多さです。神戸では電車が混んでいても、体が折れそうな窮屈な状態になったことはないですし、街中を歩いていても、人ごみの多さで前にすすめないほどの混雑さは経験したことがありません。 また、以前富山の僻地に旅行にいったのですが、そのときにまず感じたのが「あれ、この街本当に人いるの？」でした（富山県民の人ごめんなさい）。こういった街の混み具合やにぎやかさは地図上ではなかなか分からないものです。 地図上ではいつも人は静止しているか、だれも人がうつっていません。この人ごみのリアルさを地図上で表現できればいろんな場所にいって、その場所の人の混み具合を調べてみたくなるのではないかと考えました。

そこで今回は地図上に人ごみ具合をアニメーションで表示するコンテンツを考えました。

●2 サンプル紹介 †

○2-1 サンプルの動き †

サンプルの使い方は普通の地図サービスと同じです。好きな場所を地名を選んでもらいます。そこに移動すれば地図が表示されるのですが、その上にFlash上で人を歩かせます。人の数はそこの土地の人口密度を実際に反映させます。 東京の街中にいけば、人がうじゃうじゃ歩いていて、富山の僻地にいけば人がちょっとしか歩いていないように見えます。

まずはアプリケーションを立ち上げます。Flash上でGoogle Mapの地図が表示されます

調べたい地名をクリックするとそこの地図が現れ、道路に人口が現れます。

拡大、縮小ボタンを押すと、地図の縮尺を変えることができます。また地図をドラッグすることもできます。

テキストフィールドに地名を入力すると、その場所に移動します。

○2-2 サンプルの仕組み †

サンプルの仕組みですが、最終的には地図上に人口分のムービークリップをのせて人を動かすだけなのですが、それに行き着くまでにいくつかのステップがあります。 まずは人口密度取得までの順序を以下に書いていきます。

1.指定された地名から緯度経度を取得する 2.取得した緯度経度から人口密度を取得する 3.指定した場所の地図を表示する 4.地図の上に人口密度分の人を表示する

○2-3 仕様するサービス †

今回のサンプルには1つのコンポーネントと2つのウェブサービスを使用しています。

・UMap（Advanced Flash Components） 今回のメイン機能であるサービスです。のちほど詳しく記述しますが、こちらはウェブサービスではなくFlashのコンポーネントになっています。

・Google Maps API メインは地図を表示させるサービスなのですが、今回は地図表示には使用せず、地名から緯度経度を割り出してくれるサービスのみを使用します。

・mySociety 人口密度を返してくれるウェブサービスです。緯度経度を渡すとそこの人口密度を返してくれます。この人口密度をもとに地図上でムービークリップを作成しています。

●3 地図サービスを利用する †

○3-1 使用するサービスについて †

まずはサンプルを作成していく前に今回使用するサービスを順番に紹介していきます。 最初は一番大きな要素である地図サービスです。 今回仕様する地図のサービスはAdvanced Flash Components（以下AFComponents）というものを使います。 AFComponentsはFlashの便利な機能やメニューなどをコンポーネントという形で提供しているサービスです。 ライブラリの提供と違って中身のコードが見えないですが、コンポーネントをステージに置いてすぐに使えるという点が便利です。チュートリアルやドキュメントが充実しているので、使い方が分からないときでも結構すんなりと理解できます。 ただ、このコンポーネントはAFComponentsが提供しているサービスなので、有償のものもあります。無償のものでも商用に使うときは有償になる可能性が高いので注意してください。

Advanced Flash Components http://www.afcomponents.com/

今回はこの中のUMapというコンポーネントを使います。UMapはActionScript? 3.0で作られたコンポーネントで、Google MapをFlash上に読み込んで表示させることができます。基本的にGoogle Mapと機能はほとんど同じなのですが、Flashを使うメリットとしては、Flashのインターフェイスに組み込めることと、Flashのアニメーションが地図上で動かせることでしょう。 Flash上で表示できるので、地図にマスクをかけて円形に表示することも、Flashのサイト内の一コンテンツとして地図を使うことも可能です。また、地図の上にアニメーションを載せられるので、地図上の道路を使ってレースをさせたり、天気にあわせて、道路に雪や雨を降らすことも可能です。 UMapにはFlash用とFlex用のものが提供されています。

以下主な機能をざっとあげておきます。

1.ズーム、移動などをFlashで作ったボタンからコントロールできる 2.地図上にベクター形式の図や絵を表示できる 3.情報を表示させるウィンドウをカスタマイズできる 4.自分で作ったオリジナルの地図を表示できる

UMap http://www.afcomponents.com/components/umap_as3/ （なお、この記事を書いている時点ではベータの0.5バージョンなので、今後仕様が変更になる可能性があります。）

UMap APIのドキュメント http://www.afcomponents.com/content/documentation/umap_as3/

○3-2 コンポーネントをインストールする †

コンポーネントはMXPという形式でダウンロードできます。MXPファイルとはFlashの機能を拡張するためのファイルで、コンポーネントを自動的にFlashのコンポーネントパネルにインストールできたり、Flashの開発環境に新しい項目を追加できたりするものです。 ただしこのファイルを使用するにはAdobe Extension Managerが必要です。Adobe Extension Managerはアドビサイトの以下のところからインストールできるので、持っていない方はまずはこれをインストールしてください。 ちなみにAdobe Extension ManagerはFlashに限らずDreamWeaver?、FireWorks?でのMXPファイルのインストールもできます。

Adobe Extension Managerのダウンロード http://www.adobe.com/jp/exchange/em_download/

次にAFComponentsのサイトからMXPファイルをインストールします。 ダウンロードはUMapのページからできます。 以下にインストールの手順を書いておきます。

1.ページの右上に「Download Component」というエリアがあります。ここの「End User License Agreement」の横にチェックボックスがあります。「ライセンスに同意してください」ということなので、チェックするとダウンロードのリンクが表示されます。

2.ダウンロードしたファイルを解凍して、「Flash_Component」フォルダ内にある「UMap_AS3.mxp」をダブルクリックすると自動的にAdobe Extension Managerが立ち上がります。あとは「承諾する」ボタンを押すだけです。

3.正常にインストールされるとAdobe Extension ManagerにUMapの名前が表示されます。これでインストール完了です。

4.インストールされたコンポーネントはコンポーネントパネルが使えるようになります。[ウィンドウ]→[コンポーネント]を選択してコンポーネントパネルを開いてみてください。AFComponents UMapというカテゴリーの中にUMapというコンポーネントが表示されています。

○3-3 地図を表示させる †

ではまずは地図を表示させるところから始めましょう。地図を表示させるにはツールを使って表示させる方法とActionScript?で動的に配置させる方法と2つあります。 ツールを使う方法はいたって簡単で、コンポーネントをステージにドラッグするだけです。ActionScript?で表示させるのはムービークリップを動的に配置させるのと同じやり方です。詳しい説明は第2章???に説明していますので、そちらを参照ください。 では以下に2つの方法を紹介していきます。

・ツールを使って表示させる

1.[ウィンドウ]→[コンポーネント]でコンポーネントパネルを開いてください。

2.コンポーネントパネルから「UMap」をステージにドラッグします。

3.あとは[制御]→[ムービープレビュー]を選択して実行すると地図が自動的に現れます。デフォルトでは世界地図が表示されます。ドラッグすると地図が移動し、マウスホイールで地図が拡大、縮小します。

4.自由変形ツールで地図を拡大させるとその分だけ表示エリアが広がります。

・ActionScript?で表示させる

1.ツールの場合と同じようにステージにコンポーネントをドラッグさせます。

2.その後コンポーネントを削除します。ステージには何もありませんが、ライブラリにコンポーネントのシンボルが格納されています。

3.以下のActionScript?をタイムラインに書きます。最初にcoreパッケージ内のUMapクラスをインポートしてください。

[3-11.as]

import com.afcomponents.umap.core.UMap;
var map:UMap = new UMap();
map.setSize(300, 300);
addChild(map);

4.地図のサイズを変更するには「setSize」プロパティを変更します。

[3-12.as]

import com.afcomponents.umap.core.UMap;
var map:UMap = new UMap();
map.setSize(500, 300);
addChild(map);

[memo] サイズを変更しない場合でも「setSize」プロパティを記述しておかないと、最初に地図が表示されません。

○3-3 指定した緯度経度に地図を移動させる †

地図を指定した位置に移動させるには「setCenter」メソッドを使います。位置は緯度経度で指定します。 緯度経度の指定は引数に直接値を渡すのではなく、「LatLng?」クラスを使い、そのインスタンスを引数に渡します。

[3-13.as]

import com.afcomponents.umap.core.UMap;
import com.afcomponents.umap.types.LatLng;
 
var map:UMap = new UMap();
map.setSize(300, 300);
// LatLngクラスをインスタンス化し、緯度、経度の順に値を渡します。
var pos = new LatLng(35.690659,139.714508);
// setCenterメソッドにLatLngクラスのインスタンスを渡します。
map.setCenter(pos);
addChild(map);

「setCenter」メソッドにはズームレベルを指定することもできます。引数の2番目にズームレベルを渡します。ズームレベルの値はGoogle Mapと同じで、0から19までです。

[3-14.as]

map.setCenter(pos, 19);

○3-4 移動したときのイベントをうけとる †

地図が移動したあとは「移動しました」というイベントを受け取りたい場合があります。今回紹介するサンプルも地図が動いたあとに、その地図上にFlashの要素を置きたいので、いつ移動したかというタイミングを知る必要があります。 このイベントは「addEventListener?」を使って受け取ることができます。基本的にFlashのボタンが押されたときに記述する「addEventListener?」と同じ使い方です。「addEventListener?」の詳しい説明は第2章???を参照ください。

[3-15.as]

import com.afcomponents.umap.core.UMap;
// イベントを受け取るにはeventsパッケージ内のDisplayEventクラスをインポートします
import com.afcomponents.umap.events.DisplayEvent;

var map:UMap = new UMap();
map.setSize(300, 300);
// 移動のイベントを受け取れるようにします
map.addEventListener(DisplayEvent.UPDATE_POSITION, posUpdate);
addChild(map);

// 地図の位置が変わるとこのメソッドが呼び出されます
function posUpdate(e:DisplayEvent) {
	trace("地図が移動しました");
}

[caution] このイベントはあくまで地図の緯度経度が移動したときに呼び出されるので、実際の地図データの表示はその後行われます。通信回線が遅いとそれだけ地図データのダウンロードに時間がかかりますので、イベントが呼び出されたあとに地図が表示されることがあります。

○3-5 地図上にFlashの要素を表示させる †

Flash内で地図を表示させるメリットで、もっとも重要なもののひとつのがこの機能です。通常のGoogle MapのAPIでも地図上にアイコンなどをのせることができますが、Flashで作るとアニメーションをのせたり、アイコンをActionScript?で操作できたりします。通常地図は静止画という認識がありますが、これを使うことで絶えず変化する地図のコンテンツを作れます。

地図上にFlashを表示させるにはOverlayクラスを使います。自分で作ったクラスを使い場合はこの「Overlay」クラスを継承する必要があります。

まずはムービークリップを作ります。そのムービークリップのリンケージ内にある基本クラスを「flash.display.Sprite」にします。これはOverlayクラスがSpriteクラスを継承しているためです。

ムービークリップと結びついているクラスは以下のように書きます。ここではUMapのabstractパッケージ内にあるOverlayクラスをインポートし、Overlayクラスを継承します。

[3-18.as]

package {
	
	import com.afcomponents.umap.abstract.Overlay;
	
	public class Zen extends Overlay {
		
	}
	
}

Flashファイルではmapというインスタンスで地図を生成し、mapのメソッドであるaddOverlayを使いムービークリップを表示させます。

[3-19.as]]

import com.afcomponents.umap.core.UMap;
import com.afcomponents.umap.types.LatLng;

var map:UMap = new UMap();
map.setSize(300, 300);
var pos = new LatLng(35.690500,139.714508);
map.setCenter(pos, 19);

// zenというインスタンスでムービークリップをインスタンス化します
var zen:Zen = new Zen();
// overlayクラスにはpositionというプロパティがあり、それで位置を調整します。
// 位置は緯度、経度で指定します
zen.position = pos;
map.addOverlay(zen);

addChild(map);

[caution] OverlayクラスはSpriteを継承しているため、Overlayクラスを継承したムービークリップはSpriteとして扱われます。なのでムービークリップの中にモーショントゥイーンのアニメーションを作成しても動きません。アニメーションを動かしたい場合はActionScript?で操作するか、ムービークリップ内にさらに入れ子のムービークリップを作って、その中で動かします。

○3-6 X、Yの座標を緯度経度に変換する †

今回のサンプルでは地図上の道路部分である白い位置を取得して、そこに人を配置します。そのときに白い位置というのはX,Y座標で計算するのですが、実際の地図で表示する際は緯度経度を指定してあげないといけません。こういった場合はUMapクラスのgetLatLngFromComponentXYメソッドを使います。逆に緯度経度からX、Y位置に変換するにはgetComponentXYFromLatLng?メソッドを使います。

import flash.geom.Point;
import com.afcomponents.umap.types.LatLng;
// Pointクラスと使ってX、Y座標を格納します。
var posXY = new Point(100, 250);
// X、Y座標を緯度経度に変換します。値はLatLngクラスの形式で返されます
var latLng:LatLng = map.getLatLngFromComponentXY(posXY);

●4 地名から緯度経度を取得する †

○4-1 使用するサービスについて †

地名から緯度経度を取得するにはGoogle Maps APIを使います。Google Maps APIはいわずと知れたGoogleマップを使えるウェブサービスです。この機能の中で、地名を渡すとその緯度、経度を返してくれるメソッドがあります。結果はXML形式で返ってきますので、Flash内で結果を解析します。

Google Maps API http://code.google.com/apis/maps/

○4-2 緯度経度の取得方法 †

緯度経度を取得するにはまず地名をAPIに渡す必要があります。日本の地名で調べたいときは地名を一度URLエンコードする必要があります。URLエンコードにはescapeMultiByte?クラスを使います。

[4-1.as]

import flash.utils.escapeMultiByte;

var place = "新宿御苑";
var placeURLEncode = escapeMultiByte(place);
trace(placeURLEncode); // 出力 %E6%96%B0%E5%AE%BF%E5%BE%A1%E8%8B%91

APIを呼び出すにはURLLoaderを使います。このときにAPIキーを渡す必要があります。APIキーはGoogle Mapsのページから取得することができますので、事前に取得しておいてください。

Google Maps APIキーの取得URL http://code.google.com/apis/maps/signup.html

[4-2.as]

import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.events.Event;

var url = "http://maps.google.com/maps/geo?q=地名&output=xml&key=APIキーを代入";
var loader = new URLLoader();
loader.addEventListener(Event.COMPLETE, readXML);
loader.load(new URLRequest(url));

// XMLが返ってきます
function readXML(e:Event) {
	var myXML:XML = new XML(loader.data);
	trace(myXML);
}

結果は以下のようなXML形式で返ってきます。このXMLの中のcoordinatesタグ内に経度、緯度の順番で値が返ってきます。

[4-3.as]

<kml xmlns="http://earth.google.com/kml/2.0">
 <Response>
   <name>新宿御苑</name>
   <Status>
     <code>200</code>
     <request>geocode</request>
   </Status>
   <Placemark id="p1">
     <address>（日本）新宿御苑</address>
     <AddressDetails Accuracy="1" xmlns="urn:oasis:names:tc:ciq:xsdschema:xAL:2.0">
       <Country>
         <CountryNameCode>JP</CountryNameCode>
         <AddressLine>新宿御苑</AddressLine>
       </Country>
     </AddressDetails>
     <Point>
       <coordinates>139.710682,35.687041,0</coordinates>
     </Point>
   </Placemark>
 </Response>
</kml>

XMLはActionScript? 3.0から新しく加わった機能のE4Xを使うと便利です。ただし、Google Mapsから送られてくるXMLはネームスペースが指定されています。この場合Flashにこのネームスペースを指定しないとE4Xでアクセスできないので、ネームスペースを指定します。最終的にlatLngという変数名にカンマ区切りで経度と緯度が返ってきます。

[4-4.as]

var myXML:XML = new XML(loader.data);
// XMLにはネームスペースが使われているので、ネームスペースを指定します
var ns:Namespace = new Namespace("http://earth.google.com/kml/2.0");
default xml namespace = ns;
// 緯度経度はカンマ区切りで返ってきます
var latLng = myXML.Response.Placemark.Point.coordinates
trace(latLng); // 出力 139.710682,35.687041,0

●5 人口密度を取得する †

○5-1 使用するサービスについて †

人口密度を取得するにはmySocietyが運営しているウェブサービスを使います。このmysociety.orgというのはイギリスの団体で、人口密度を取得する以外に、IPアドレスから国を取得することなどができます。 この人口密度を取得するサービスは無償で提供されています。

mySociety http://www.mysociety.org/

mySocietyが提供しているウェブサービス http://gaze.mysociety.org/

○5-2 人口密度の取得方法 †

人口密度を取得するにはget_population_densityというメソッドを使用して、緯度と経度の2つの値をAPIに渡してあげます。

[5-1.as]

http://gaze.mysociety.org/gaze-rest?f=get_population_density;lat=緯度;lon=経度

結果は人口密度の数字のみが返ってきます。人口密度は1平方キロメートルあたりの人数です。

[5-2.as]

6577.567

Flashで取得するにはURLLoaderを使います。人口密度はdataプロパティ内に格納されています。

[5-3.as]

import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;

// URLLoaderでAPIにアクセスします
var myLoader:URLLoader = new URLLoader();
var myRequest:URLRequest = new URLRequest("http://gaze.mysociety.org/gaze-rest?f=get_population_density;lat=35.690659;lon=139.714508");
myLoader.addEventListener(Event.COMPLETE, onLoadDensity);
myLoader.load(myRequest);

// 人口密度はdataプロパティに格納されます
function onLoadDensity(e:Event) {
	var density = e.target.data;
	trace("人口密度は"+density+"です");
}

●6 地図上の道路に人を歩かせる †

○6-1 使用する機能について †

地図上に人を歩かせるのはFlash内の機能を使います。Flash MX 2004までは画像はあくまでひとつの画像としてしか扱えず、中にどんな絵があるのかを認識することはできませんでした。Flash 8からは画像自身をデータとして解析したり、画像を書き換えたりすることができるBitmapData?クラスというのができました。今回はこれを使って、地図上の白い部分に人を歩かせていきます。

○6-2 画像データを取得する †

まずはBitmapData?を使って、読み込んだ画像をデータに置き換えます。これはUMapコンポーネントから画像がロードされた後に行われます。

[6-1.as]

// BitmapDataのインスタンスをmapの大きさ分作ります
// （mapはUMapコンポーネントのインスタンス名）
mapData = new BitmapData(map.width, map.height);
// mapの画像データをmapDataに書き込みます
var myMatrix:Matrix = new Matrix;			
mapData.draw(map, myMatrix);

○6-3 画像の白色を判別する †

さきほど地図の画像をBitmapData?に置き換えましたが、そのデータの中からランダムな位置を選びそこの色を取得します。 その色が白色であれば、そこは道路とみなします。もし白色ではなければ、もう一度同じメソッドを呼び出し白色の場所が検出されるまで続けます。 もし白色が検出されれば、そこのX、Y位置を緯度経度に変換し、UMapに表示させます。

[6-2.as]

　function getRandomWhiteSpace?():LatLng? {

	var x = Math.floor(Math.random() * mapData.width);
	var y = Math.floor(Math.random() * mapData.height);
	// データの色を16進数に置き換えます
	var col = mapData.getPixel(x, y).toString(16);
	// 取得した色が白色の場合はその位置を確定し、そうでない場合は再度同じメソッドを呼びます
	if (col == "ffffff") {
		// X、Yの位置を緯度経度におきかえます
		var latLng:LatLng = map.getLatLngFromComponentXY(new Point(x, y));
		return latLng;
	} else {
		return getRandomWhiteSpace();
	}

　}

○6-4 画像の白色部分に人を配置する †

白色部分が検出されれば地図上のその位置に人を配置します。人にはムービークリップを使います。そのムービークリップ内に画像を一枚おいています。そのムービークリップとPersonクラスを結びつけてaddOverlayメソッドでUMap上に配置します。addOverlayの詳しい使い方は「地図サービスを利用する」のところで詳しく説明しています。

[6-3.as]

var person:Person = new Person();
var overlay = map.addOverlay(person);
overlay.position = pos;

○6-5 白色部分に人を歩かせる †

人を配置するとあとはその人を歩かせるだけです。基本的に人は地図上の白色部分を歩くので、今いる位置の上下左右が白色かを調べます。そのどれかの方向が白色であれば、そちらの方向へとりあえず動き続けます。もし動き続けたあとに白色ではない部分に突き当たるとまたランダムに白色部分の方向を調べます。

まずはランダムに白色の方向へ進みます

白色でないところに来ると新たな方向を探します

白色を見つけるとそちらの方向に進みます

●7 その他の地図表示するサービス †

○7-1 地図サービスを使うにあたって †

Flash上に地図を表示させるサービスはいくつかあります。ここではそのいくつかを紹介していきます。 ほとんどのものが海外のもので、日本でのものはまだあまりありません。またチュートリアルやリファレンスなどのドキュメントが少なかったり、商用で使っていいものと使うにはお金がかかるものなどいろんな種類がありますので、ビジネスで使うにはまずそのあたりを先に調べたほうがいいかもしれません。

○7-2 Yahoo! Maps AS3 Component †

YahooからActionScript? 3.0用のAPIが公開されました（2008年2月現在）。Yahooは以前から地図をFlashで表示するのをサポートしていて、今回もその流れだと思います。ただ残念なのはFlashに力をいれているのはアメリカのヤフーで、日本のヤフーはFlashの地図を採用していません。もちろんアメリカのサービスを使えばいいのですが、日本の地図は詳細まで表示されないため、今回のサンプル作成には不向きでした。

Yahoo! Maps AS3 Component http://developer.yahoo.com/flash/maps/

○7-3 Modest Maps †

Modest MapsはBSDライセンスの地図サービスです。なのでほかの地図サービスよりは比較的自由に使えると思います。 その他、Googleマップ以外にもYahooマップやその他のマップサービスを利用できるようになっています。 まだ日本語での解説が少ないですが、自由度がかなり高そうなので、実際のサービスとして使うにもいいのではと思います。

Modest Maps http://modestmaps.com/

○7-4 swfGMap †

日本人が開発したサービスです。CodeRepos?というだれでもソースを公開して共有できるサイトで発表されているものです。地図を回転させる機能がついているところが特徴です。チュートリアルなどのドキュメントは現在のところないようです。ソースコードはSVNでダウンロードできます。

SwfGMap http://coderepos.org/share/wiki/SwfGMap

○7-5 The Google Maps Flash Interface †

Google Codeというオープンソースのコードを公開するところで発表されています。BSDライセンスのサービスなので、こちらも自由に使えそうです。ただ、ソースはActionScript? 2.0で書かれていて、ActionScript? 3.0でのソースは2008年にはでるとのことですが、今の時点ではまだ発表されていません。

The Google Maps Flash Interface http://code.google.com/p/google-maps-flash-interface/

●6 まとめ †

今回地図サービスをいろいろと調べてみましたが、日本語での資料が少なかったり、事例がそれほど多くなったりと、開発する環境はまだそんなに整っていない感じはしました。 ただ、今回サンプルを作ってみて、地図上でFlashのコンテンツをガリガリ動かすのはやはり楽しいなあと思いました。地図サービスはGoogleマップを代表にAjaxなどで動くものが多いですが、今後Flashを使ったちょっと切り口の違う地図の表現が現われてくることを期待したいです。