2012-01-10 5 views
2

私は経路追跡webbappに取り組んでおり、地図上に表示するのではなく、経路をアニメーション化するのがクールだと思っていました。Googleマップとgoogle streetviewの両方を表示する経路をアニメ化する

私はこれはかなりクールだと思う:http://tripgeo.com/DirectionsMapExamples.aspx?id=2

私は私のルートのためにこれを実装したいだろうが:、彼らは唯一の開始/終了アドレスを持っている(私はコードを読む続きとして)私が理解するために 休憩が生成される。私は完全なルートを持っているので、これは私のために働かない。

私が実装する必要があるのは、パノラマのすべてのルートポイントについてstreetview APIをチェックし、利用可能な場合は次のものにスキップするスクリプトです。

このマップ/ストリートビューとの相互作用の私の知識を超え、私にいくつかのポインタを与える前に、可能であればそのようなことを行っている人のために聞くのが大好きだ:)

+0

こんにちは@Infini、あなたはそれをしましたか?私は同じことをしようとしています。 – mikesneider

答えて

0

は、私は非常に似た何かを、このています私の考えです。ルートを表示すると、「足」または「ウェイポイント」に格納されている情報を知ることができます(どちらを使用してもかまいません)。次に、毎秒ごとにsetTimeoutまたはsetIntervalを使用してdivをリロードし、各リロード時にアイコンの位置を脚のstart_pointに更新します。

は、ここで私は、これは完璧なソリューションではないかもしれない知っているのRequestHandler方法

var i = 0; 
function requestHandler(result, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(result); //Your directionsDisplay object 
     var myRoute = result.routes[0].legs[0]; 
     if(i < myRoute.steps.length; i++) { 
      //Write the code to include the icon using google.maps API 
     } 
    } 
setTimeout(requestHandler,1000); 
} 

ですが、あなたはそれを周りいじくり回す必要があります。私は完璧な解決策を見つけるためにそれを試しています。

+0

ああ、それはちょうどそれをするかもしれません!私は後で今夜それをぐるぐる回します、私はGoogleマップで読む必要があることを参照してください方向も同様 – Infini

+0

こんにちは@thandasoru、どのように距離のメートルを指定することができますか? [http://tripgeo.com/DirectionsMapExamples.aspx?id=2](例)で行うことができます。 – mikesneider

0

あなたが訪問する必要があるポイントがわずかである限り(ビジネス顧客でない限り最大8人まで)、ルートが通過するウェイポイントを指定することができます。

これでもプログラムで実行できます。

詳細についてはthis articleを確認してください。 さらにinfo about waypoints hereが仕様に含まれています。

関連する問題