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

Example of Legend in ASP.NET MVC Maps Control

This sample visualizes grouping of countries in the legend based on its population density. The legend will be displayed at the top of the map.

Legend mode
Legend position
Show legend for remaining data source item

Show population density when the legend item is toggled

In this example, you can see how to render a legend in the maps. A legend item denotes the value of a shape. Any number of legend items can be added to the legend. You can bind the desired colors to the shapes, if its values are within the specified range using the ColorMapping property. You can also show or hide color mapping related to population density when toggling the legend item.

More information on the maps layers can be found in this documentation section.