WebStyleSymbols

This sample demonstrates how to style feature layer with 2D Web Style Symbols using UniqueValueRenderer in 2D MapView.

About this sample

This GeoBlazor Pro sample, written in Blazor for .NET developers, demonstrates 2D Web Style Symbols rendered through a UniqueValueRenderer from the ArcGIS Maps SDK for JavaScript exposed through GeoBlazor's WebStyleSymbol, UniqueValueRenderer, SizeVariable, and BookmarksWidget Razor components. The page shows a 2D light-gray basemap centered on the San Fernando Valley area of Los Angeles County, displaying a points-of-interest FeatureLayer. A UniqueValueRenderer with a long Arcade ValueExpression maps each feature's category to one of twenty-five WebStyleSymbol icons (post-office, atm, place-of-worship, park, school, hospital, fire-station, library, museum, airport, and so on) drawn from the Esri 2D Point Symbols style. A SizeVariable scales the icons from 20 down to 1 pixel based on view scale. A BookmarksWidget in the upper-left corner offers Angeles National Forest, Crystal Lake, and San Fernando bookmarks, and a LegendWidget in the lower-right shows the category-to-icon mapping. The sample is intended to demonstrate category-based pictographic styling at multiple scales.

🚧 Heads up: Some samples are currently offline due to a token issue with ArcGIS. We are working with ESRI to resolve.