Blazor Maps Example - Marker Clustering

This sample demonstrates marker clustering by visualizing the world’s top 50 largest cities with intelligent grouping that prevents marker intersection and reduces visual clutter. Clustering aggregates proximate markers into a single cluster symbol that indicates the number of contained points, improving map readability at overview scales while preserving access to individual city locations as the user zooms.

Key clustering features include:

• Automatic clustering of markers in the same region to avoid overlap and maintain a clear presentation.
• Cluster symbols that display the total marker count and serve as interactive group indicators.
• Dynamic cluster behavior tied to zoom level — clusters split when zooming in and reform when zooming out to reveal or consolidate markers.
• Configuration using MapsMarkerClusterSettings within the MapsLayer.
• Interactive tooltip functionality that supports both cluster-level summaries and per-marker details for contextual exploration.

Implementers can tune clustering parameters such as cluster radius, symbol styling, and tooltip content to balance density communication and detail visibility. Use cluster styling and count labels to convey density clearly, and ensure tooltips provide concise, accessible summaries for both clusters and individual markers.

For step‑by‑step guidance, configuration examples, and additional options, refer to the marker clustering documentation: marker clustering documentation.