Example of Marker in Blazor Maps Component

Maps / Marker / Marker

This sample represents the top 25 most populated cities in the world by displaying markers in their locations.

Properties
Bind markers shape from data source
Bind markers color from data source

In this example, you can see how to configure and render markers in a map. Markers are used to indicate or mark a particular location on the map with desired symbols. Also, options have been provided to bind shapes and colors to the markers based on the continent from the data source. This is achieved using the ShapeValuePath and ColorValuePath properties of the MapsMarker. The tooltip is also enabled in this example.

More information about marker 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