Use Clustered Markers in a Map

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

This example uses simple clustered markers to display building locations.  Markers are displayed as clusters where the individual markers would be too close to one another to be distinguishable from one another.  Clicking on a marker cluster zooms the map to the cluster and reveals the child markers.

03000011_624x338.png

To use clustered markers, add the required clustered marker options to markerProperties .  Set useClusers to true.  This approach uses the simple renderer.

var markerProperties = { // optional renderer: 'simple', radius: 7, fillColor: '#e41a1c', fillOpacity: 0.90, stroke: true, strokeColor: '#fff', strokeWeight: 1.0, // required for marker clusters useClusters: true }; this.mapControl.createMarkers( dataSource, geometryFields, titleField, contentFields, markerProperties );

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