Leaflet Map Control

Use Graduated Markers in a Map

Technologies > User Interface Add-Ins > Geographic Information System (GIS) Views > Graduated Markers (Leaflet)

This example displays graduated markers by building occupancy. Markers are sized according to building occupancy where buildings with larger occupancies are represented by larger markers. A marker legend defining the marker classes appears on the map.

0300000B_624x341.png

To use graduated markers, add the required graduated marker options to markerProperties . Specify the break values in graduatedClassBreaks .  This approach uses the graduated-class-breaks renderer.

var markerProperties = { //optional radius: 5, fillColor: '#ff7f00', fillOpacity: 0.90, stroke: true, strokeColor: '#fff', strokeWeight: 1.0, // required for graduated markers renderer: 'graduated-class-breaks', graduatedField: 'bl.count_occup', graduatedClassBreaks: [100,500,1000], radiusIncrement: 5 }; this.mapControl.createMarkers( dataSource, geometryFields, titleField, contentFields, markerProperties );

View: http://localhost:8080/archibus/ab-leaflet-map-graduated-class-break-renderer.axvw