在DirectionsRenderer中更改折线的颜色

Question

我已经整合了地图,我想显示两个地点之间的路线方向.一切都工作正常,方向显示完美,但我想改变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
    });

初始化时

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

Answer 2

在标记为已解决的答案中,我看到Polyline用于polylineOptions的对象.在我的情况下,我使用下一个代码

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

不同之处在于我指定了polylineOptions,而不是Polyline对象.不确定它可能有用,但决定添加这些答案.