Google Maps API for Flash 利用手順まとめ

ほぼこちらの手順どおりですが、
自分用の覚え書きとして、
Flash CS3 / Windowsを前提に簡略化しました。



2. 環境整備

次の場所に "Google" ディレクトリを作成し、SWC ファイルをコピー
C:\Program Files\Adobe\Adobe Flash CS3\language\Configuration\Components

3. Flash CS3を起動し、プロジェクトを作成する

4. [GoogleMapsLibrary] をステージにドラッグ

[Components] → [Google] → [GoogleMapsLibrary]
空白のステージに薄い青色の境界ボックスが表示される。
(このコンポーネントの正確な配置を気にする必要はない)

5. コードを記述する

import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
import flash.geom.Point; // Pointクラス用


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(36, 138), 5, MapType.NORMAL_MAP_TYPE);
}

  • Pointクラスは2次元の座標空間の点を表すためのもの
  • LatLngで地図の中心の緯度経度を指定
  • その隣の引数は縮尺(数値が小さいほどズームアウト)550 x 600で日本地図全体が表示されるよう調整しました。
  • MapTypeの属性はこちら


以上の手順で地図が表示されるようになります。



追記:ピンを刺す方法

  • 1. markerクラスをインポート

import com.google.maps.overlays.*;

  • 2. ピンの位置設定

var marker_pos:LatLng = new LatLng(35, 139);

  • 3. markerクラスをnew

var marker:Marker = new Marker(marker_pos);

  • 4. ピンをさす

map.addOverlay(marker);

情報ソース