Leaflet Map Control

Use Thematic (Class Break) Markers in a Map

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

This example displays thematic markers by building occupancy.  Markers are colored according to building occupancy where buildings with larger occupancies are represented by darker colors. A marker legend defining the marker classes appears on the map.

0300000A_624x341.png

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

var markerProperties = {
// optional
radius: 7,
fillColor: '#e41a1c',
fillOpacity: 0.90,
stroke: true,
strokeColor: '#fff',
strokeWeight: 1.0,
// required for thematic markers
renderer: 'thematic-class-breaks',
thematicField: 'bl.count_occup',
thematicClassBreaks: [100,500,1000],
colorBrewerClass: 'Reds'
}; this.mapControl.createMarkers(
dataSource,
geometryFields,
titleField,
contentFields,
markerProperties
);

View: http://localhost:8080/archibus/ab-leaflet-map-thematic-unique-value-renderer.axvw