topic Re: How to symbolize the Stream Layer using a unique value renderer and with an arrow indicating the direction of movement based on the attribute? in ArcGIS JavaScript Maps SDK Questions

How to symbolize the Stream Layer using a unique value renderer and with an arrow indicating the direction of movement based on the attribute?

ErsiLover — Tue, 27 Feb 2024 09:07:02 GMT

We currently have a streamLayer with a unique value renderer based on two fields: Status and Entity.

The issue we're encountering is the need to add an arrow to each symbol, indicating its direction.

We attempted to address this by adding a graphicLayer to display the arrows around the symbols from the streamLayer. While the appearance was satisfactory, this solution wasn't ideal due to delays in adding the arrow to the graphic layer. Is there an alternative method to achieve this without encountering delays?

GIS application is developed using the Angular Framework and JavaScript API v4.28., while the Stream layer is created using WebSocket technology. The symbols we are using are in .png format.

We cannot rotate the whole symbol, only the arrow.

Basically, we need to have a symbol with 3 layers:

layer that represents Status - the color of the background changes based on an attribute, e.g. 1 - green, 2 - blue, etc.
layer that represents Entity - icon inside the circle changes based on an attribute, e.g. 1 - man, 2 - car, 3 - truck, etc.
layer that represents Direction - the arrow on the border of the circle indicates the direction of movement (azimuth)

Re: How to symbolize the Stream Layer using a unique value renderer and with an arrow indicating the direction of movement based on the attribute?

Amir-Sarrafzadeh-Arasi — Tue, 27 Feb 2024 10:33:16 GMT

Dear EsriLover,

Please check the below link, which is my personal Github.

https://github.com/AmirSarrafzadeh/symbology_dictionary

you can do almost what ever you want with dictionary renderer.

If you need more information please let me know

hope it helps

Re: How to symbolize the Stream Layer using a unique value renderer and with an arrow indicating the direction of movement based on the attribute?

JohnGrayson — Fri, 01 Mar 2024 19:07:14 GMT

You might want to check out CIMSymbol and its ability to override primitives via Arcade expressions as it might provide the necessary functionality.

https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-CIMSymbol.html

https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-CIMSymbol.html#CIMPictureMarker

https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-CIMSymbol.html#PrimitiveOverride