topic Re: Need to show different colors to Stops with text in ArcGIS JavaScript Maps SDK Questions

Need to show different colors to Stops with text

bkolliboina — Thu, 01 Sep 2022 13:35:24 GMT

Hi,

Need to show different colors(4 diff colors) along with text to stops based on time delay. but facing challenges to give different colors to middle object.

currently I am using below sample code,

stops: {
first: {
type: "simple-marker",
style: "circle",
size: 10,
color: "#FFEF00",
},
middle: {
type: "simple-marker",
style: "circle",
size: 10,
color: "#FFEF00",
},
}

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

Thanks in advance.

Re: Need to show different colors to Stops with text

Noah-Sager — Thu, 01 Sep 2022 14:22:56 GMT

Hi @bkolliboina, which stops are you trying to change the symbology of? Are these the located stops, or the waypoints between located stops? By located stops, I mean stops the user or app explicitly places (e.g. start and end stops).

These blogs demonstrate some options for changing route symbology. Note that labeling is not yet available for the RouteLayer, but you can use a TextSymbol to add text at or near a stop, which is demonstrated at the end of the first blog.

https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/introducing-the-new-routelayer/

https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/changing-directions/

Re: Need to show different colors to Stops with text

bkolliboina — Thu, 01 Sep 2022 16:53:46 GMT

Hi @Noah-Sager,

Thanks for quick response.

I need to show different color for each stop based on condition. below the sample image

Re: Need to show different colors to Stops with text

Noah-Sager — Thu, 01 Sep 2022 14:55:20 GMT

I see. I think we need a way to filter the waypoints based on the condition(s), and then overwrite the symbology for those points. I'll look into it to see if we can support this workflow.

https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-RouteStopSymbols.html#waypoint