MapLibre GL custom layer

Interpolate heatmap

Colour comes from the weighted average of nearby values, not from point density. Below: current air temperature at … grid points, blended on the GPU with inverse distance weighting.

––.–°

Loading current temperatures…

Opacity0.55

opacity: alpha of the coloured layer.

Power (p)3.0

p: higher values keep colour flat around each point.

Resolution0.30

framebufferFactor: share of screen pixels computed.

Colour ramp valueToColor

Install

pnpm add maplibre-gl-interpolate-heatmap

GitHub npm JSR

Data: Open-Meteo (CC BY 4.0). Basemap: OpenFreeMap.