Leaflet Map Control

Use Thematic (Unique Value) Graduated Markers in a Map

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

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

graduated_unique.png

To use thematic graduated markers, add the required thematic and graduated marker options to markerProperties . Specify the unique values for color in uniqueValues .  Specify the break values for size in graduatedClassBreaks .  This approach uses the thematic-graduated-unique-values 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-unique-values', thematicField: 'bl.use1', uniqueValues: [], colorBrewerClass: 'Paired2', // 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-unique-value-renderer.axvw