谷歌地图JavaScript API-以一种颜色显示非活动替代路线，以另一种颜色显示活动替代路线

我正在使用Google Maps JavaScript API，并为其他路线提供方向

我想以灰色显示非活动的备选路线，以霓虹绿显示当前活动路线

如何针对非活动和活动路由状态并控制其颜色

我已经能够使用更改备选路线颜色，但现在我需要针对非活动和活动状态

for（var j=0；j

方向服务
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图{
身高：100%；
}
#浮动面板{
位置：绝对位置；
顶部：10px；
左：25%；
z指数：5；
背景色：#fff；
填充物：5px；
边框：1px实心#999；
文本对齐：居中；
字体系列：“Roboto”，“sans-serif”；
线高：30px；
左侧填充：10px；
}
开始：
芝加哥
圣路易斯
密苏里州乔普林
俄克拉荷马城
阿马里洛
盖洛普
亚利桑那州弗拉格斯塔夫
维诺娜
金门
巴斯托
圣贝纳迪诺
洛杉矶
完:
芝加哥
圣路易斯
密苏里州乔普林
俄克拉荷马城
阿马里洛
盖洛普
亚利桑那州弗拉格斯塔夫
维诺娜
金门
巴斯托
圣贝纳迪诺
洛杉矶
var polyArray=[]；
变异颜色；
函数initMap（）{
多阵列=[]；
颜色=['#ff0000'、'#00ff00'、'#0000ff'、'#ff00'、'#ff00ff'、'#00ffff']；
var directionsService=新的google.maps.directionsService；
var directionsDisplay=新建google.maps.DirectionsRenderer；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：7，
中心：{lat:41.85，lng:-87.65}
});
方向显示.setMap（地图）；
var onChangeHandler=函数（）{
计算显示路线（方向服务、方向显示）；
};
document.getElementById（'start'）.addEventListener（'change'，onChangeHandler）；
document.getElementById（'end'）.addEventListener（'change'，onChangeHandler）；
}
函数calculateAndDisplayRoute（方向服务、方向显示）{
方向服务.路线({
来源：document.getElementById（'start'）。值，
目标：document.getElementById（'end'）。值，
travelMode:‘驾驶’，
ProviderRouteAlternatives:true
}，功能（响应、状态）{
如果（状态=='OK'）{
对于（var j=0；j

当“激活”管线时，通过多段线阵列进行处理：

将所有路线的strokeColor设置为“灰色”

将活动管线的多段线颜色设置为“活动”颜色

（基于，单击多段线以“激活”它）

代码片段：

$（文档）.ready（函数（）{
变量标记=[{
“标题”：“，
“lat”：“56.965969”，
“液化天然气”：“24.143496”，
“说明”：“
}, {
“标题”：“，
“lat”：“56.966259”，
“液化天然气”：“24.385860”，
“说明”：“
}];
var service=new google.maps.DirectionsService（）；
var polyArray=[]；
var infoWindow=new google.maps.infoWindow（）；
var map=new google.maps.map（document.getElementById（“map_1”），mapOptions）；
var lat_lng=新阵列（）；
变量颜色=['#ff0000'、'#00ff00'、'#0000ff'、'#ffff00'、'#ff00ff'、'#00ffff']；
var图像处理https://maps.google.com/mapfiles/ms/micons/blue.png';
var marker=new google.maps.marker({
位置：新google.maps.LatLng（56.966259,24.385860），
地图：地图，
标题：“Sillava”，
图标：图像
});
对于（i=0；ifor (var j = 0; j < response.routes.length; j++) {
    var path = new google.maps.MVCArray();
    polyArray.push(new google.maps.Polyline({
        map: map,
        strokeColor: colors[j],
        strokeOpacity: 1.0,
        strokeWeight: 5
    }));

    polyArray[polyArray.length - 1].setPath(path);
    for (var i = 0, len = response.routes[j].overview_path.length; i < len; i++) {
        path.push(response.routes[j].overview_path[i]);
        }
    }