DirectionsRendererのポリラインの色を変更してください

Question

地図を統合しましたので、2つの場所の間のルートの方向を表示したいと思います。 すべてが正常に動作していると方向が完全に表示され、 しかし、私はPolyline方向の色を変更したい、ドキュメントが言うように、私はこのコードを試してみた：

//polyline options 
    var pOptions = { 
      map: map, 
      strokeColor: "#2249a3", 
      strokeOpacity: 0.9 , 
      strokeWeight: 12, 
      z-index: 99 
    }; 
    logJava(polylineOptions); 

    //directionsRenderer options 
    var mDirectionsRendererOptions = { 
      map: map, 
      suppressMarkers: true, 
      suppressInfoWindows: true, 
      polylineOptions: pOptions 
    }; 

    logJava(mDirectionsRendererOptions); 

    directionsDisplay = new google.maps.DirectionsRenderer(mDirectionsRendererOptions); 

をしかし、私はこのコードを追加する場合、それは地図を停止し、何も表示しません。私がコメントすると、すべてうまくいきます。

このコードで何が問題なのですか。でポリラインの色を変更するにはgoogle maps javascript api v3？事前に

おかげで、グローバル宣言で

Answer 1

var polylineOptionsActual = new google.maps.Polyline({ 
    strokeColor: '#FF0000', 
    strokeOpacity: 1.0, 
    strokeWeight: 10 
    }); 

では、あなたが新しいpolylineOptionsでdirectionsRendererを更新した後、あなたは再レンダリングする必要があり、@Seacat

function initialize() { 
    directionsDisplay = new google.maps.DirectionsRenderer({polylineOptions: polylineOptionsActual});  

Answer 2

を初期化レンダラーオブジェクト内に格納されている方向応答。

directionsRenderer.setDirections(directionsRenderer.directions); 

Answer 3

解決済みとマークされた回答では、そのオブジェクトPolylineがpolylineOptionsに使用されています。私の場合は、次のコード

new google.maps.DirectionsRenderer({ suppressMarkers: true, polylineOptions: { strokeColor: '#5cb85c' } }); 

違いを使用し、私はpolylineOptions、ないポリラインオブジェクトを割り当てることです。それは役に立つかもしれないが、これらの答えを追加することを決めた。

Answer 4

setOptions(options:DirectionsRendererOptions)を使用すると、コードが読みやすくなります。コーディングは次のようになります。

var directionsDisplay; 

方法initialize()内側：：

グローバルレベルでは

var polyline = new google.maps.Polyline({ 
    strokeColor: '#C00', 
    strokeOpacity: 0.7, 
    strokeWeight: 5 
    }); 
directionsDisplay = new google.maps.DirectionsRenderer(); 
directionsDisplay.setOptions({polylineOptions: polyline}); 
now directionDisplay can be used in any method with the custom poly line.