Leaflet Map Control

Use Thematic (Unique Value) Proportional Markers in a Map

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

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

0300000F_624x340.png

To use thematic proportional markers, add the required proportional marker options to markerProperties . Specify the unique values for color in uniqueValues .  Specify the field containing the evacuation radius values in proportionalField . This approach uses the thematic-proportional-unique-values 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-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-unique-value-renderer.axvw