Googleストリートビューで遊んでみる。

前回に引き続きGoogleマップで遊んでみました。
今回は今話題？のGoogleストリートビュー。

http://works.flair4.jp/gstv/

皇居の周りをぐるっと1周するサンプルを作ってみました。

やってることはとても簡単です。
あらかじめ通過したい座標を定義しておきます。

var points = [[ 35.6857011188716, 139.7611999511710 ],
[ 35.6872653155753, 139.7616237401960 ],
[ 35.6893479588459, 139.7608298063270 ],
[ 35.6901060623532, 139.7598695755000 ],
………

次にGStreetviewPanoramaからオブジェクトを生成します。
GStreetviewPanoramaオブジェクトは座標が移動するたびにイベントが発生するので
リスナーを登録して置きます。（ついでにエラー処理も登録）

panorama = new GStreetviewPanorama( document.getElementById("pano") );

GEvent.addListener( panorama, "initialized", onInitialized);

GEvent.addListener(panorama,"error",handleNoFlash);

setIntervalで指定した時間毎に繰り返し処理をするタイマーを設定します。
ここでは現在の座標と目的地の座標の角度を求めてfollowLinkメソッドを使い、ひらすら猛進！！

現在の座標と目的地の座標の角度はこんなカンジで求められます。

function returnAngle(x1, x2, y1, y2){

	var angle = 90 - Math.atan2(x2 - x1, y2 - y1)*180/Math.PI;

	angle < 0 ? angle += 360;

	return angle;

}

あとは上記の繰り返しです。

任意の点の座標求める時に前回作ったサンプルが
ようやく役立ちましたｗ
http://works.flair4.jp/gmap/

自分で回るコースなど決められたら楽しそうですね。
家にいながらにしてエアーウォーキング！

…ますますメタボ化が進みそう