Lumeo

MapLegend

A small overlay panel that explains the symbols and colours used on a map. Place MapLegend inside the Map Overlay slot; nest MapLegendItem children to define rows.

Installation

dotnet add package Lumeo.Maps

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<MapLegend />

When to Use

  • Explaining fill colours on a choropleth or density map
  • Labelling marker categories (e.g., store types, risk levels)
  • Distinguishing route types — air vs. sea, fastest vs. scenic
  • Identifying threshold bands on a heatmap

API Reference

MapLegend

MapLegendItem

Color friendly names: red, green, blue, yellow, orange, teal, purple, pink, rose, amber, sky, cyan, emerald, violet, gray, slate — or any CSS color value. Null falls back to the theme primary color.