Home > Flash Archive

Flash Archive

[Flash]Google Maps API for Flashで全画面地図表示

  • Posted by: toshipon
  • August 21, 2010 2:07 PM
  • Flash

技術的に難しい話等では全くなく、ただGoogle Mapsを全画面表示してヌルヌル動かせたら気持ちいいじゃない、ということで作ってみました。Google Maps API for Flashを使用してFlashオブジェクト上にGoogle Mapsを表示し、Flash Player標準機能のフルスクリーンモードを使用するという魂胆です。

mapsample.png

google map を表示

 個人的には19インチ以上のディスプレイで全画面表示して、地図を動かしまくるととても幸せになれます。それにしてもGoogle Mapsは地図のタイルごとにリクエストが走ってるようですが、これだけのリクエスト数をさばけるGoogleのサーバってつくづく次元が違うなと思います。

以下、サンプルコードです。

 

package

{

import com.google.maps.InfoWindowOptions;

import com.google.maps.LatLng;

import com.google.maps.Map;

import com.google.maps.MapEvent;

import com.google.maps.MapType;

import com.google.maps.overlays.Marker;

import com.google.maps.overlays.MarkerOptions;

import flash.display.Sprite;

import flash.display.StageAlign;

import flash.display.StageDisplayState;

import flash.display.StageScaleMode;

import flash.events.MouseEvent;

import flash.geom.Point;

public class GoogleMapSample extends Sprite

{

// 緯度経度 : 東京タワー

private static var LATLNG:LatLng = new LatLng( 35.658682,139.745407 );

// 倍率

private static const ZOOM:int = 16;

// マップオブジェクト

private var map:Map;

public function GoogleMapSample() {

// ステージ初期化

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.align = StageAlign.TOP_LEFT;

map = this.createMap();

this.addChild(map);

stage.addEventListener(MouseEvent.CLICK, onClickHandler);

}

// マップオブジェクトの生成

private function createMap():Map {

var map:Map = new Map();

map.setSize(new Point( stage.stageWidth, stage.stageHeight));

map.addEventListener(MapEvent.MAP_READY, mapReadyHandler);

map.key = "ABQIAAAAiccmmCNILO3xd09xRuUlRBQTIuW28Ed72BnpVhdf4jwqbtfYRBRsXdvrvtm17NUylBfmCtX91DbTVQ"

return map;

}

private function mapReadyHandler( event:MapEvent ):void {

// マップオブジェクトのサイズの初期設定

map.setCenter(LATLNG, ZOOM, MapType.NORMAL_MAP_TYPE); // ノーマルモード

// map.setCenter(LATLNG, ZOOM, MapType.SATELLITE_MAP_TYPE);　// 航空写真モード

// マウスホイール有効

map.enableScrollWheelZoom();

// 滑らかなズームを有効

map.enableContinuousZoom();

// マーカーの追加

var marker:Marker = new Marker(

LATLNG,

new MarkerOptions( {

radius: 12,

hasShadow: true

})

);

map.addOverlay(marker);

}

private function onClickHandler( event:MouseEvent ):void {

// フルスクリーン化

if (stage.displayState != StageDisplayState.FULL_SCREEN) {

stage.displayState = StageDisplayState.FULL_SCREEN;

map.setSize(new Point( stage.stageWidth, stage.stageHeight));

} 

}

}

}

 


[FxUG]Flex勉強会#89に行ってきましたメモ

先日(11/5(木))行われましたFlex User Groupの勉強会に行ってきました。途中参加だったのですが(会場がAdobeのオフィスから別の場所に移ってて大崎を30分ぐらい彷徨ってました><)、メモした内容などをまとめておきます。

  1. taigaさんのAdobe MAX 2009のレポート
  2. taigaさんのAIR2.0の新機能デモ
    • デスクトップ上のファイル情報をAIRで表示
    • 画像ファイルをWindowsのViewerで表示
    • USBデバイスの認識(接続と切断のイベントの取得が可能)
    • マルチタッチイベントの取得(Windows7が某番組と同じく本番で正常に動作しないw)
  3. Greg Wilson氏のFlash関連の最新情報
    1. Flash Player 10.1
      • パフォーマンスの向上(メモリ、バッテリー、CPU使用量改善)
      • マルチタッチ、ジェスチャーの対応
      • Accelerometer(加速度センサー)対応
      • 傾き認識対応
      • 複数のSWFファイルを管理可能、SWFの優先順位を決定することが可能
      • リソースの制限を管理可能(メモリ制限を検知)
      • Global Error Handling
      • マウスイベントとタッチイベントの互換性
    2. iPhone on Flash CS5
      • Flash CS5でiPhoneアプリのネイティブコードを吐き出せるようになる
      • AppStoreですでにアプリが公開されている。(South Parkのアバター作成アプリとか)
      • iPhone on Flash CS5でできないこと
        • HTMLの埋め込み(Safariを呼び出すことは可能)
        • RTMP
        • H.264 Video再生(iPhoneネイティブの動画再生呼び出しは可能)
        • SWFの動的ロード
        • Pixel Blenderを使用したSWF
      • ガーベッジコレクションはFlash側で自動で制御してくれる
      • SQLite使用可能
    3. AIR2.0
      • パフォーマンスの向上(メモリ、CPUの使用量)
      • Webkit(HTML5,CSS3対応)
    4. LiveCycle Mosaic
      • １つのアプリケーション上にタイル状にSWF,HTMLの配置が可能
      • 複数のタイルで連携が可能
      • 年末に出荷予定
      • 主に業務系のアプリケーションのマッシュアップに利用
      • http://www.adobe.com/products/livecycle/mosaic/
    5. Tour de Flex
      • Flexアプリケーションのサンプル集
      • Flex4のサンプルも多く投入予定
      • Flash Player 10.1対応のサンプルも投入
      • サンプルソースを見ることが可能
      • Tour de FlexのAIR版アプリのDL可能
      • サンプルアプリの投稿も絶賛受付中
      • http://www.adobe.com/devnet/flex/tourdeflex/
    6. Flex + AIR2.0 + ColdFusion + LiveCycle アプリ絶賛公開中(ChessJam)
      • 世界中の人とリアルタイムでチェスの対戦ができるアプリをデモとして公開
      • デモってレベルじゃねーぞ＞＜ 完成度高すぎるしこれタダでいいの!?
      • ソースは来週(Greg Wilson氏のブログで公開！)
      • 業務系のアプリケーションで使用するような技術で作成
      • http://chessjam.com/

ところどころ情報が歯抜けなところがありますがご了承下さい＞＜
あ、あとtaigaさんからAdobe LiveCycle ES2のプレリリースDVDをAdobe MAXのお土産でいただきましたw 個人であまり使用するものじゃないので使用方法がよくわからないですが、とりあえずServerインストールしてWorkbench使ってみたりしてみます＞＜

 

Progression使ってみた【修正】

  • Posted by: toshipon
  • April 20, 2008 10:42 PM
  • Flash

以前のProgressionに関する記事でサンプルとして公開していたプロジェクトの内容が全然サンプルらしくなかったので、今回記事も改めて書き直して修正版サンプルも公開したいと思います。というのも、本家のサイトでリンク貼ってくださっているということを最近知ってしまって、あまりにもビックリして、これはマズイと思って焦って修正したという次第です。（汗）


修正版記事書きました。
ProgressionのEasyCastingモードでサイトの作成

ProgressionのEasyCastingモードでサイトの作成

  • Posted by: toshipon
  • April 20, 2008 7:55 PM
  • Flash

Flash IDEのページ移動処理に特化したProgression Frameworkを使用して、サイトを作成したので、簡単な内容説明とサンプルを公開します。バージョンは2.0.9を使用しています。


Continue reading

Progression使ってみた

  • Posted by: toshipon
  • April 6, 2008 2:06 AM
  • Flash

Progressionを使ってHPを作ってみたのでそれについて記事を書きました。


そして、その作ったHPのプロジェクトをサンプルとしてうｐしちゃいます。「ちょｗこんな作り方ダメだろｗｗ」とか言われそうな作り方してるかも。

Continue reading

色が入れ替わるフラッシュ。

iro01.jpg

初のFlashDevelopでActionScript3.0を使っての フラッシュを作ってみました。といっても本に載ってたのを参考に黙々とコード打ってちょっといじっただけだけど。

最初エンコードの設定がうまくいってなくて日本語のコメントアウトを丁寧に打っていったやつが全部文字化けしてしまったり、警告が沢山でてたけどなんとか警告消しまくって動くようんはなった。

やっぱりプログラムは自分で最初から打っていくのは楽しい。最近バグ修正ばっかりやってたからコードをいちから自分で書くことに楽みを抱いてる自分がいる。わくわく度がうｐしてる。

swfファイルはこちら↓

http://www.toshipon.com/fla/test_01.htm

Index of all entries

Home > Flash Archive

Recent Entries
Categories
Archives
Tag Cloud
Search
Feeds
 

Return to page top