_Google Maps API for Flashを使う　その1

以前、Google MapsのJavaScriptを使ってこういうのを作ったのですが、Google Mapsを使う機会があったので、この機会にFlash版のGoogle Mapsに挑戦です。

GoogleにあるチュートリアルはCS3のみなので、こちらの記事を参考に、CS4にインストールしました。
もちろん、事前にGoogle Maps APIを使用するための、専用のキーは取得済みです。
Sign Up for the Google Maps API - Google Maps API - Google Code
まずは、『GoogleMapLibrary』コンポーネントをステージにドラッグ&ドロップします。

次にチュートリアルにあるサンプルコードを、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』の部分には取得したキーを入れます。 
map.key = "your_api_key";
『new LatLng(40.736072,-73.992062)』ではマップの中心の座標を、『14』は地図の縮図、『MapType』はノーマルとモバイルが選択できます。
new LatLng(35.6585,139.7454)とすれば、東京タワーが中心のタワーができます。
map.setCenter(new LatLng(40.736072,-73.992062), 14, MapType.NORMAL_MAP_TYPE);
東京タワーを中心とした地図ができました。
html部分で、flashVarsでAPIキーを入れる必要があります。
おまけ：
1．コンポーネントに登録されていれば、ステージにコンポーネントを配置してなくても表示できます。
2．座標を調べるのに便利です。対話型のポリライン エンコーダ ユーティリティ - Google Maps API - Google Code

参考：
MT4.2: Google Maps API for Flash CS4 Tutorial - max engineering.
Google Maps API for Flash Basics - Google Maps API for Flash - Google Code

このエントリーをTwitterでつぶやく (投稿画面に飛びます)

Comment Form
 

Trackback:0

TrackBack URL for this entry
http://paphead.com/mt/mt-tb.cgi/48
Listed below are links to weblogs that reference
_Google Maps API for Flashを使う　その1from PAPHEAD

ayuzak

ディレクターをしています。
このブログは、自分自身のメモとして運営しています。

もっと見る

twitter

@paphead
最近のブログ記事
月別

一覧を見る

カテゴリ

なかのひと