Leaflet Map Control

Use Thematic (Class Break) Graduated Markers in a Map

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

This example displays thematic graduated markers for buildings according to number of floors and building occupancy. Markers are colored by number of floors and sized by occupancy value. A marker legend defining the marker classes appears on the map.

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

var markerProperties = { //optional radius: 5, fillColor: '#ff7f00', fillOpacity: 0.90, stroke: true, strokeColor: '#fff', strokeWeight: 1.0, // required for thematic markers renderer: 'thematic-graduated-class-breaks', thematicField: 'bl.count_fl', thematicClassBreaks: [2,6], colorBrewerClass: 'YlOrRd', // required for graduated markers 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-thematic-graduated-class-break-renderer.axvw