MapHeatmap
Density visualisation layer for the Map component. Renders a smooth colour-gradient heatmap from a collection of weighted lat/lon points using MapLibre GL's native heatmap layer.
Installation
dotnet add package Lumeo.Maps
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <MapHeatmap />
Satellite package.
MapHeatmap lives in
Lumeo.Maps — install it alongside the core Lumeo
package. Place it inside a <Map> ChildContent slot.
When to Use
- Showing population or user-location density across a region
- Visualising server-request origin hot spots on a world map
- Displaying weather data (precipitation, temperature) as a continuous gradient
- Highlighting event or crime concentration in a city dashboard
- Any scenario where individual markers would be too dense to read at low zoom
Radius = 10 px — tight clusters
Radius = 40 px — broad heat blobs
API Reference
MapHeatmap
Points is required; Intensity should be in the range 0–1 (pass 1 for uniform weight). ColorRamp takes alternating stop, cssColor values, e.g. new object[] { 0, "transparent", 0.5, "blue", 1, "red" } — when null, the default blue → cyan → yellow → orange → red ramp is used.