Need to show route with different color for Distance Covered and Remaining

Question

Hi,

Need to show the route with two different colors for distance covered and distance remaining on map, but facing some challenges to show multi colors on route.

Below sample code I am using  with RouteLayer,

defaultSymbols: {
    directionLines: {
       type: "simple-line",
       color: [256, 256, 256, 256],
       width: 3,
      cap: "round",
       join: "round"
    },
    directionPoints: null,
    routeInfo: null,

}

If we have any sample CODE/URL/Approach, please suggest.

Thanks in advance.

EdwardSheehan · Answer

Could you use 2 route layers. 1 from the original point to where you are currently and 1 from where you are currently to the destination point?

bkolliboina · Answer

This is for web application not mobile app and I can get the current location along with route from API.

Noah Sager · Answer

Hmm, I'm not sure how possible this is currently. You have a way to track the user and get their location along the route? Or is this app to be used on a mobile device, and you want the route symbology to update in real time?