Blazor Maps Example - OpenStreetMap with Legend

Maps / Online Map Providers / OSM With Legend

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

Loading Syncfusion Blazor Server Demos…

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 MapsLegendSettings to true, and then use MapsLegendTitle tag and properties like Position, Type, Height, Width, and so on to customize the legend.

More information about OpenStreetMap can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE