Leaflet Map Control

Use Thematic (Class Break) Proportional Markers in a Map

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

This example uses thematic proportional markers to display buildings in Philadelphia according to number of floors and building evacuation radius. Markers are colored by number of floors and sized in real-world units according to evacuation radius.

To use thematic proportional markers, add the required proportional marker options to markerProperties. Specify the break values for color in thematicClassBreaks. Specify the field containing the evacuation radius values in proportionalField. This approach uses the thematic-proportional-class-breaks renderer.

var markerProperties = { // optional radius: 7, fillColor: '#e41a1c', fillOpacity: 0.70, stroke: true, strokeColor: '#fff', strokeWeight: 1.0, // required for thematic-proportional markers renderer: 'thematic-proportional-class-breaks', thematicField: 'bl.count_fl', thematicClassBreaks: [2,6], proportionalField: 'bl.radius_evac', colorBrewerClass: 'YlOrRd'renderer: 'thematic-proportional-unique-values', thematicField: 'bl.use1', uniqueValues: [], proportionalField: 'bl.radius_evac', colorBrewerClass: 'Paired2' }; this.mapControl.createMarkers( dataSource, geometryFields, titleField, contentFields, markerProperties );

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