Use Graduated Markers in a Map
Standard Esri Map Control
Use Graduated Markers in a Map
This example displays graduated markers according to building occupancy. Markers are sized according to building occupancy where buildings with larger occupancies are represented by larger markers.
First, create the graduated bucket array for the building occupancies. The first bucket will contain values less than 100 with a marker size of 10px, the second bucket values from 100 to 500 with a marker size of 20px, etc:
var graduatedBuckets = [ {limit: 100, size: 10}, {limit: 500, size: 20}, {limit: 1000, size: 30}, {limit: +Infinity, size: 40} ];
Assign the graduated bucket array to the marker property by calling
setGraduated()
and passing the building occupancy field name and the graduated bucket array:
markerProperty.setGraduated('bl.count_occup', graduatedBuckets);
Finally, assign the building restriction to the marker property and refresh the map:
var restriction = new Ab.view.Restriction(); var selectedRows = this.bl_list.getSelectedRows(); if (selectedRows.length !== 0) { for (var i = 0; i < selectedRows.length; i++) { restriction.addClause('bl.bl_id', selectedRows[i]['bl.bl_id'], "=", "OR"); } } else{ restriction.addClause('bl.count_occup', 'null', '=', "OR"); } markerProperty.setRestriction(restriction); this.mapControl.updateDataSourceMarkerPropertyPair('bl_ds', markerProperty); this.mapControl.refresh();