あーちゃんねる

ハイパーテキストトランスファープロトコルセキュア

GoogleMapAPIを使ってみたメモ

ちょっとやりたいことがあって、Google Maps API for Flashを使ってみた。

準備

まずはGoogle Maps API for Flash のページ右部にある「2. Download the Google Maps API for Flash SDK」の「SDK」文字のリンクからライブラリファイルをダウンロード。ファイルを解凍すると「lib」フォルダの中にswcファイルがある。

そのファイルをWindowsの場合は「C:\Program Files\Adobe\Adobe Flash CS4\ja\Configuration\Components」に、Mac OS Xの場合は「Macintosh HD/Applications/Adobe Flash CS4/Configuration/Components」へ「google」というフォルダを作成し、その中に格納する。

Flashを起動させるとコンポーネントに GoogleMapsLibrary が出現。それをステージ上へドラッグ&ドロップ。 compo ライブラリの中に GoogleMapsLibrary と出ていればおk。※ステージ上に配置されていなくても表示される。 lib

表示させる

Google Maps APIを利用するためにはAPI Keyの取得が必要。API Keyは「Sign Up for the Google Maps API」から取得しておく。"your API key" の部分に取得したAPI Keyを記述。

下記のコードでとりあえず表示させることが出来る。 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.addEventListener( MapEvent.MAP_READY, onMapReady ); this.addChild(map); function onMapReady(event:MapEvent):void { map.setCenter(new LatLng(35.678494,139.613142), //LatLng(座標)。今回は自宅の最寄り駅でw 14, //表示された時のズーム値?っていうのかな。たぶん19が最大 MapType.NORMAL_MAP_TYPE); }

で、こうなる。 [swfobj src="sample/map.swf" height="280" width="400"]