Example of Marker Cluster in Blazor Maps Component
This sample illustrates the world's top 50 largest cities by displaying the markers in their respective locations and clustering the markers to avoid intersection.
Source:
www.citymayors.com
In this example, you can see how to render and display multiple markers in the same region without intersecting each other. If a marker intersects, it is clustered, and the total number of markers is calculated and displayed over the cluster. When you zoom in, the number of clusters decreases and the individual marker becomes visible. When you zoom out, markers that intersect will be clustered again. You can use the MapsMarkerClusterSettings in MapsLayer to enable marker clustering. The tooltip is also enabled in this example.
More information about marker clustering can be found in this documentation section.