Standard Esri Map Control

Use Thematic Markers in a Map

Technologies > User Interface Add-Ins > Geographic Information System (GIS) Views > Map with Thematic Markers

This example displays thematic markers according to market value. A colored legend defining the theme appears on the map with marker colors corresponding to the theme.

First, create thematic 'buckets' for market value ranges. The first bucket will contain values less than 200,000, the second bucket values from 200,000 to 6,999,999, etc:

var thematicBuckets = [200000, 7000000, 10000000, 22000000, 50000000];

Assign the thematic bucket array to the marker property by calling setThematic() and passing the market value field name and the bucket array:

prMarkerProperty.setThematic('property.value_market', thematicBuckets);

Call buildThematicLegend from the map control:

this.map.buildThematicLegend(prMarkerProperty);

Finally, assign the property restriction to the marker property and refresh the map:

prMarkerProperty.setRestriction(restriction);
this.map.updateDataSourceMarkerPropertyPair('pr_ds', prMarkerProperty);
this.map.refresh();

See: Show Buildings on a Map

Sample view: http://localhost:8080/archibus/schema/ab-products/solutions/arcgismap/ab-arcgis-property-thematic-map.axvw