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)
