home > GoogleMap

Googleストリートビュー+Flash

March 31, 2011

GoogleストリートビューとFlashの連携って意外に簡単なんですね。

Timerを使って、配列に格納した緯度、経度へ
マップのマーカーとストリートビューを移動させます。

ストリートビューを移動させるのは、ExternalInterface.callでJSと連携するらしいです。

参考サイトはここ
http://blog.alt-scape.com/archives/246


【追記_20110404】
アプリケーションでセンサー(GPS など)を使用しているかどうかを指定するものとして、
センサーのパラメータが追加になってますね。
map.sensor = "false";
または
yourkey&sensor=true_or_false

デベロッパー ガイドを参照ください。
http://code.google.com/intl/ja/apis/maps/documentation/premier/guide.html#Sensor


Permalink | Comments (0)

AS3 : Google Maps API

March 07, 2010

FlashとGoogleMapの連携って意外に簡単。

まず、SDKをダウンロードしてからAPIキーを取得する。
http://code.google.com/apis/maps/documentation/flash/
http://code.google.com/apis/maps/signup.html

swcファイル(map_1_8a.swc)をComponentsに格納します。
あとはクラスをインポートしていくつかnewするだけで地図が表示できます。

import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;

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(40.736072,-73.992062), 14, MapType.NORMAL_MAP_TYPE);
}

参考サイト
http://blog.alt-scape.com/archives/231
http://level0.kayac.com/2009/12/googlemapapi_route1.php
http://code.google.com/intl/ja/apis/maps/documentation/flash/tutorial-flash.html

ラインを引いたりするのも簡単にできそうですね。

【追加20110902】
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
ここでマップの色を変更できるみたいです。


Permalink | Comments (0)

GoogleMap

April 19, 2007

久しぶりにGoogleMapをいじってみる。コントロールボタン設定はmap.addControl(new GLargeMapControl());、表示画面をコントロールする設定はmap.addControl(new GMapTypeControl());をJavaScript内に書く。また、初めから衛星写真にするにはmap.setMapType(G_SATELLITE_MAP);を書いておけば大丈夫。忘れないようにメモ。

その他の詳細は、ここが詳しく載ってます。↓
http://www.geekpage.jp/web/google-maps-api/

MovableTypeでGoogleMapを表示しようと思ったのですが、どうしても表示されなかったのでいらいらして一時的に諦める。しばらくしてネットで確かめると “どうもロードされるタイミングの問題らしく、スクリプト部分をHeadに持っていって、functionにして、BodyのOnLoadイベントで呼ぶようにしたら見事エラーがも無くなりちゃんと表示されました。” と書いてありました。これでいけるそうですがソースが汚くなるのでやりたくないです。誰かいい方法知りませんでしょうか?

googlemap

結局、ポップアップ形式になりましたが、データをアップしました。GoogleMapの上にFlashデータをレイヤーにして上に重ねています。AID-DCC「さあ、新しいエイドへ行こう。」もこの方法でやってるみたいですね。分かってしまえば、それほど難しい事はしてないんですが…。ひらめきとそれを実行に移してしまう行動力はすばらしいです。

※どうやらサンプルはWinのIE7.0以上でないとちゃんと表示されないようです。Flashのレイヤーを表示するJavaScriptが原因っぽい。


Permalink | Comments (0)