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

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.

DEMO
SOURCE

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 customized further with options like Shape, Width, Height, and MapsLayerMarkerClusterLabelStyle to adjust the appearance of the clusters. 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 MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab