All Demos / Maps / Marker / Marker

Blazor Maps Example - Markers

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT
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.