M3 creator

Flash 用の Google Maps API を Flex でつかってみた。

【Demo】

主な機能
・Google Maps を表示
・マウスホイールで拡大縮小
・ロケーション情報 XML をロード
・ロケーションの数だけマーカー作成。
・地名入力でマーカー作成。候補が複数ある場合は選択リスト表示。
・緯度経度入力でマーカー作成。マップクリックで緯度経度自動セット。

アイコンを用意してカスタムマーカー

1. 用意したアイコン画像をバインドする。

[Bindable]
[Embed(source="./assets/image/Kotaro.png")]
public var iconImage:Class;

2. マーカーのアイコンに指定する。

var customIcon:Bitmap = new iconImage();
var marker:Marker = new Marker( new LatLng(37.398528, 140.389137), new MarkerOptions
({
	iconAlignment: MarkerOptions.ALIGN_BOTTOM | MarkerOptions.ALIGN_HORIZONTAL_CENTER
,	icon: customIcon
,	hasShadow: true
,	tooltip: title
}));

コメント投稿

トラックバック