Leaflet Map Control

Use Proportional Markers in a Map

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

This example uses thematic proportional markers to display buildings in Philadelphia according to building evacuation radius. Markers are sized in real-world units according to their evacuation radius.

0300000E_624x371.png

To use proportional markers, add the required proportional marker options to markerProperties . Specify the field containing the radii values in proportionalField . This approach uses the proportional renderer.

var markerProperties = { // optional radius: 7, fillColor: '#e41a1c', fillOpacity: 0.70, stroke: true, strokeColor: '#fff', strokeWeight: 1.0, // required for proportional markers renderer: 'proportional', proportionalField: 'bl.radius_evac' }; this.mapControl.createMarkers( dataSource, geometryFields, titleField, contentFields, markerProperties );

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