• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Sales Map in ASP.NET Core Maps Control

This sample illustrates the world's top 50 cities by showing the markers in their locations and clustering the markers to avoid intersecting.


This sample illustrates the sales details of the products and users location by rendering the markers. Marker clustering is also enabled in this sample.

In this example, you can see how to render cluster for more number of markers if it is at the exact latitude and longitude values. On clicking the cluster, it will gets expanded.

Tooltip is enabled in this example. To see the tooltip in action, click the mouse over the marker or tap a marker in touch-enabled devices.

Injecting Module

Maps component features are segregated into individual feature-wise modules. To use a marker and cluster, inject the Marker module using the Maps.Inject(Marker) method.