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

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.