nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

FeatureLayer with EXACT same symbolgy as on the REST? Or possibility to create scale-dependent donut-effect?

nadja

We're creating a webmap using the ArcGIS API for Javascript 4.25. We wish to include a FeatureLayer where all categories are styled according to the attached files. the symbology there was created with ArcGIS Pro and could be summarised as follows:

one attribute defines the color, another defines the outline (seems to be posible)
https://developers.arcgis.com/javascript/latest/api-reference/esri-renderers-UniqueValueRenderer.html#visualVariables
one attribute defines the outline
this appears to be possible: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
the feature blending
this appears to be possible: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#blendMode
the scale defines the fill-type
this appears NOT to be possible: https://developers.arcgis.com/javascript/latest/visualization/best-practices/scale/#scale-dependent-properties
donut effect:
this appears NOT to be possible
scale-dependen generalization of the displayed features
this appears NOT to be possible

We REALLY need to stick to our symbology, crucial are the scale-dependent symbolgy which not only influences the color and outline, but also switches at a certain scale from filled to donut-effect. Is there any possibility to include ALL these requests into a unique value renderer? thus I managed this: https://codepen.io/nwp_nadja_bernhard/pen/qBKoPqN