UMap(AS 3.0) バージョン1.1の覚え書き

UMapがバージョンアップ(現在ver1.1)しているので使用感をメモ。

参考:UMap(AS 3.0) 覚え書き(ver0.8時のエントリ)

デフォルトで Virtual Earth の地図

前いじった時(ver0.8)は Google Earth の地図だったけど、今はデフォルトで Microsoft の Virtual Earth の地図データを使っている。Virtual Earth の方が英語日本語の文字モード切り替えが不要(っぽい)なので楽なのかも。

もちろん切り替え可能で:

import com.afcomponents.umap.providers.google.GoogleProvider;

しておいて

map.setProvider(new GoogleProvider());

でOK。そうやって地図データのプロバイダー(参照元)を選んで、モードの切り替えは:

//google maps利用時
map.mapType = GoogleProvider.HYBRID; //MAP, SATELLITEもある。

//VirtualEarth利用時
map.mapType = MicrosoftProvider.AERIAL; //HYBRID, ROADもある。

でやる。

商用利用は有償

商用利用時は$750。今ならキャンペーンで$450。

UMapper

HTML 中に UMap を簡単に埋め込むためのラッパーアプリが「UMapper」。WordPress に簡単埋め込みとかしたい時に。

Flash Develop での swc の設定

まずFlash上でパブリッシュしたいだけの場合なら、エクステンションをインストールすればOK。あとはFlash IDE上のコンポーネントパネルからUMapコンポーネントをステージに置くなり、ライブラリウィンドウに置くなりして使える。

でもこのままだと、FlashDevelop側でUMapのコードヒントが出ない。これをどうにかするにはUMapをダウンロードした時に同梱されているUMap_Flex.swcをプロジェクトフォルダに置き、エクスプローラーのプロジェクトフォルダの上で右クリック、PropertiesからCompiler Optionsの中のAdvancedの中のSWC Librariesの配列設定の箇所があるのだけど、そこにべたのテキストでクラスパスを記述。相対パスOK。これでコードヒントが出る。

地図生成クラスについて

new UMap() と new UMapComponent の違いがわからん。どっちもちゃんと地図生成できてるし。

KMLの処理

初めは自作XMLに各地点のデータを格納してでテストしてたのだけれど、KMLという位置情報用のXMLフォーマットが存在するらしく、Picasa や Flickr(エクスポートでワンクッションかます)もKMLのインポート・エクスポートが使えるようなので KML フォーマットをロードする実装をしておいたほうがよさそうだ。

ただ、KMLフォーマットは緯度経度がカンマ区切りで1ノード内に格納されていて、UMap で重用する Latlng クラスのコンストラクタ:

new LatLng(lat, lng);

とすべきところを、

new LatLng(xml.Document.Placemark[0].point.coordinates); //ノード内のカンマを認識してくれるかなぁと淡い期待を込めてみたけどやはり無理w

かといってカンマで区切ってオブジェクトに格納とか面倒だなぁと思っていたら、

var latlng:LatLng = LatLng.fromXML(XML(xml.Document.Placemark[i].point.coordinates));

こんな感じでいけることが分かった。XMLでキャスト(強制型変換)してやるのがミソ。

パン&ズームアニメーション

map.animateZoom = true;//アニメーションズーム機能オン
map.animatePan = true;//アニメーション移動(パン)機能オン
map.panEasing = "Regular.easeOut";//パンアニメーション時のイージングタイプ
map.panSpeed = 9;//最大値9
map.zoomSpeed = 9;//最大値9

こんな感じで移動時間(スピード)を設定できるのだけど、最大値が9でこれが0.9秒なんだけど、もっとゆっくりアニメーションさせたいけどできない。クラスをいじろうにも swc だし改造できない。

その他

  • コピーライト表示は消せないっぽい。CopyrightControlクラスは違うっぽい。

引き続き、気付いたら追記予定。

Comments:3

jun 08-08-26 (火) 16:11

ここで聞くことでではないんですが、UMAPこのコンポーネントでズーム取得はどうやってやるのでしょうか?
教えていただきたいです
おねがいします

tera 08-08-27 (水) 10:49

>jun様
こんにちは。
UMapインスタンス名.zoom で取得できると思います。

一応流れとしましては
・new UMapするかコンポーネント配置してインスタンス作成。
・setSizeして幅と高さを指定
・animatePan と animageZoom をお好みで true に
・setCenter(new LatLng(経度,緯度),ズーム初期レベル値);
・クラスベースならaddChild(インスタンス名);
・setZoom や zoomTo,zoomIn,zoomOut などで遊ぶ
そんな感じでしょうか。

jun 08-08-31 (日) 11:36

>tera様
質問の回答ありがとうございました。

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://www.trick7.com/blog/2008/08/08-115637.php/trackback
Listed below are links to weblogs that reference
UMap(AS 3.0) バージョン1.1の覚え書き from trick7
pingback from Shift×Style×Blog | UMAPしてみた 09-02-19 (木) 12:40

[...] が、trick7さまのところでUMap(AS 3.0) バージョン1.1の覚え書きのエントリーをみて一念発起。 [...]

AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

相互リンク

hi-posiさん
携帯Flashといえばhi-posiの岡田昇三さん。FlashLiteの有益な記事もたくさん書かれていていつもお世話になってます。ついにご挨拶させていただきました。面白すぎる人でしたw。

Return to page top