• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Mode Selection
Theme Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Marker in ASP.NET Core Maps Control

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

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

In this example, you can see how to render the markers in a map. Markers are used to indicate or mark a particular location on the map with desired symbols. And also you can apply continent based color and shape to marker from datasource of marker. This can be acheived through shapeValuePath and colorValuePath properties of marker.

Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a marker or tap a marker in touch enabled devices.

Injecting Module

Maps component features are segregated into individual feature-wise modules. To use a marker, inject the Marker module using the Maps.Inject(Marker) method.