GoogleMaps API forFlash をやってみた - webdesignmemo @ ウィキ

Google Mapsをウェブサイトに設置するのはとても簡単です。
生成されたHTMLコードを埋め込むだけだし・・・

しかし、これをFlashに埋め込むとなるとけっこう手間です
flexSDKという開発ツールを使ったり、コマンドプロンプトを使ったりいろいろメンドーだ・・・

そこでgoogleで紹介されている方法のひとつ
Flash CS3 のAS3を使った方法でやってみたいと思います

ただ、チュートリアル的なサイトがどこにもなく、googleのチュートリアル(英語？)だけが頼り。
さて、どうなるものか・・・

• http://code.google.com/apis/maps/documentation/flash/tutorial-flash.html　を参考に。

• まず、http://maps.googleapis.com/maps/flash/release/sdk.zip　からコンポーネントをダウンロードします。→解凍

• C:\Program Files\Adobe\ Adobe Flash CS3\language\Configuration\Componentsのとこに"Google"フォルダをつくりその中に先ほど解凍したコンポーネントを入れろとあります。

(注意)コンポーネントのファイルは解凍したsdkフォルダのlibの中、map【なんとかかんとか】swcとなっているやつ。(map_flex、、、というやつはflexバージョンなので今回は使わない。)
(注意)languageのとこはFlashの言語がはいります。日本語バージョンなら
C:\Program Files\Adobe\ Adobe Flash CS3\ja\Configuration\Component・・・となる

• Flashで新規ドキュメントを作成

AS3で作成します

• ウィンドウ→コンポーネントで

Googleの中にGoogleMapsLibraryがあるのを確認
ライブラリパネルを開き、GoogleMapsLibraryをライブラリにドラッグ＆ドロップしておきます

• ウィンドウ→アクションでアクションスクリプトパネルを開き

タイムラインの1フレームめを選択し、パネルに下記アクションスクリプトを書く

import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;

var map:Map = new Map();
map.key = "your_api_key";
map.setSize(new Point(stage.stageWidth, stage.stageHeight));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
this.addChild(map);

function onMapReady(event:Event):void {
  map.setCenter(new LatLng(40.736072,-73.992062), 14, MapType.NORMAL_MAP_TYPE);
}

"your_api_key"→APIのkeyを取得してここに記入する
ローカルで使いたい時のサンプルコード【ABQIAAAA7QUChpcnvnmXxsjC7s1fCxQGj0PqsCtxKvarsoS-iqLdqZSKfxTd7Xf-2rEc_PC9o8IsJde80Wnj4g】
(注意)googleのチュートリアルのサンプルコードは少し間違っていますのでコピペ使用の際は注意！

• • • stageHeightの後ろの")"が足りない。

• とりあえずムービープレビュー→動きます

あとはAPIkeyを取得してweb上で動かしてみる