Example of OSM With Marker Clustering in ASP.NET Core Maps Control

Maps
Map Providers
OSM With Marker Clustering

This sample showcases popular attractions from multiple countries, displayed as markers and marker clusters on an OpenStreetMap. The marker clusters are enabled for each country, with distinct settings representing each country on the map.

0,1,2,3,4,6,7,8,992,3,4,6,7,860,1,2,3,4,6,8,985,720,1,3,445,62
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Image Not Found
Popular attractions around the world

In this example, markers represent popular attractions from around the world, with each set as a separate data source for each country. The marker cluster feature is enabled for these markers to provide a clearer and more organized view. To do so, enable the AllowClustering property within ClusterSettings, which groups nearby markers together. Each cluster displays a tooltip with details such as the name, state, and country of the attraction. The ClusterSettings can be further customized with options like Shape, Width, Height, and LabelStyle to adjust the appearance of the cluster. Additionally, the AllowClusterExpand property is enabled, allowing users to expand a cluster by clicking on it, revealing the individual markers in an equidistant layout.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab