• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of OSM With Legend in ASP.NET Core Maps Control

This sample illustrates the world's top 10 most populated cities by displaying markers in their locations and legend with the city names.

DEMO
SOURCE

In this example, you can see how to display markers and a legend on the OpenStreetMap. To enable the legend, set the visible property in e-maps-legendsettings to true, and then use properties like title, position, type, height, width, and so on to customize the legend.

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