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.

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