Flex/第1回Flexを利用したGoogleMapsAPIforFlashによる地図表示 基礎編 http://www.ark-web.jp/sandbox/wiki/326.html

[edit]

Flex/第1回Flexを利用したGoogleMapsAPIforFlashによる地図表示 基礎編

[edit]

はじめに

Googleが 2008/05/15 に発表した『Google Maps API for Flash』を利用した地図表示について
全3回に分けて勉強していった内容を書いていくつもりです。

[edit]

目次

[edit]

環境を構築する

[edit]

0.準備

[edit]

1.GoogleMapsAPIforFlashのインストール

[edit]

とりあえずMapを出してみる

[edit]

1.MXMLを記述してコンパイルし、SWFファイルを作る

[edit]

2.表示するウェブページを作る

[edit]

3.アクセスして動作確認する

[edit]

このサンプルを一式ダウンロードする

[edit]

マップコントロール要素を出してみる

[edit]

1.MXMLを記述してコンパイルし、SWFファイルを作る

import com.google.maps.controls.ZoomControl;
import com.google.maps.controls.PositionControl;
import com.google.maps.controls.MapTypeControl;
(...)
  private function onMapReady(event:Event):void {
    map.setCenter(new LatLng(35.658586,139.745429), 17, MapType.NORMAL_MAP_TYPE);
    map.addControl(new ZoomControl());
    map.addControl(new PositionControl());
    map.addControl(new MapTypeControl());
  }
[edit]

2.表示するウェブページを作り、アクセスして動作確認する

[edit]

このサンプルを一式ダウンロードする

[edit]

参考資料

[edit]

フキダシ付きアイコンを表示する

[edit]

1.MXMLを記述してコンパイルし、SWFファイルを作る

import com.google.maps.overlays.MarkerOptions;
import com.google.maps.overlays.Marker;
import com.google.maps.MapMouseEvent;
import com.google.maps.Map;
import com.google.maps.InfoWindowOptions;
(...)
  private function onMapReady(event:Event):void {
    map.setCenter(new LatLng(35.658586,139.745429), 17, MapType.NORMAL_MAP_TYPE);
    map.addControl(new ZoomControl());
    map.addControl(new PositionControl());
    map.addControl(new MapTypeControl());
    
    // マーカーセット
    var marker:Marker = new Marker(map.getCenter(), new MarkerOptions());
      marker.addEventListener(MapMouseEvent.CLICK, function(event:Event):void {
        marker.openInfoWindow(new InfoWindowOptions({content:"東京タワー☆\n高さ333mの電波塔"}));
      });
    
    map.addOverlay(marker);
  }
[edit]

2.表示するウェブページを作り、アクセスして動作確認する

[edit]

このサンプルを一式ダウンロードする

[edit]

参考資料

[edit]

次回予告

投稿者竹村 | パーマリンク | コメント(0)

| append.gif

tag: FlexGoogleGoogleMapsGoogleMapsAPIforFlash


添付ファイル: file03infowindows.gif 478件 [詳細] file02controls.gif 453件 [詳細] file01basic.gif 462件 [詳細] file03infowindows.zip 1039件 [詳細] file02controls.zip 1021件 [詳細] file01basic.zip 1125件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2008-06-06 (金) 15:40:21 (4146d)

アークウェブのサービスやソリューションはこちら