Maps / Marker / Marker

Blazor Maps Example - Markers

Loading Syncfusion Blazor Server Demos…

Properties

This sample represents the world's top 25 most populated cities by displaying markers at their respective locations on the map.

Markers are configured and rendered using the MapsMarker component with advanced binding options:

  • Bind marker shapes based on data source values using ShapeValuePath
  • Assign marker colors based on continent data using ColorValuePath
  • Interactive tooltip functionality

For comprehensive guidance on marker implementation, refer to the marker documentation.

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