Googleマップ3 APIを使用して地図上に複数のルートを表示する

Question

私は車両ルート設定の問題に取り組んでいます。最近、私は同じ地図上に複数のルートを印刷できるかどうかを確認するために、Google Maps APIを少し時間をかけて過ごしました。 route1の： 点A、B、C、 ルート2 点A、D、E、F、 経路3 点A、G、H、及びIはたい 私は次のことを希望します各経路は異なる色のポリラインを有する。 誰かがこれを手伝ってくれますか？

Answer 1

これはかなり単純です。

directionsRendererオブジェクトを使用します。

大きなことは、あなたのルートがすべてアレイに設定され、ループを介してそれらのルートを繰り返したいということです。毎回新しいDirectionsRendererオブジェクトを作成し、毎回マップに設定します。ループの中で、毎回異なる色でDirectionsRendererに渡す新しいポリライン変数を作成することもできます。私はこれをしたコードをいくつか持っていますが、現時点でどこにいるのか分かりません。

ここには、異なる色のポリラインを使用する人の例があります。 ：

http://www.geocodezip.com/violette_com_TestMap2c.html

あなたはコードの行の下にこれら二つに焦点を当てる場合は、ポリラインの色が設定されているか、それがdirectionsRendererに渡されるも、どのように表示されます。

directionsDisplayActual = new google.maps.DirectionsRenderer({suppressMarkers: true, polylineOptions: polylineOptionsActual}) 

var polylineOptionsActual = { 
     strokeColor: '#FF0000', 
     strokeOpacity: 1.0, 
     strokeWeight: 10 
     }; 

あなたのルートの次のwaypts。 ：

http://code.google.com/apis/maps/documentation/javascript/examples/directions-waypoints.html

もう一つの良い例。

var request = { 
    origin: start, 
    destination: end, 
    waypoints: waypts, 
    optimizeWaypoints: true, 
    travelMode: google.maps.DirectionsTravelMode.DRIVING 
}; 
directionsService.route(request, function(response, status) { 

上記のコードに焦点を当てると、あなたはwaypts varが表示されます。それはあなたのinbetweenマーカーが設定される場所です（あなたがポイントbと言うように）。 waypts.push(.....)を実行してこれを行います。出発地と目的地はあなたのポイントaとポイントbになります。

何かを一緒に叩くのは難しくありません。私は、あなたのニーズに最も近いGoogleの例をつかんで、シンプルなプロジェクトにそれをスキミングし、そこからそれを構築することをお勧めします。