Hey everyone, fairly comprehensive heatmap tutorial coming as asked for. I'm focusing on three main types of heatmaps, and giving examples and code in different libraries (Google Maps, Maplibre/Mapbox, and Leaflet). Hopefully this helps you out!

It may be a bit hard to just jump to where you want in the video, it'll help if you watch the Maplibre part as I go over the setup and general info the most there.

Code Examples : https://github.com/mapstertech/mapste...
Maplibre : https://maplibre.org/maplibregljsd...
Mapbox : https://docs.mapbox.com/mapboxgljs/...
Leaflet: https://leafletjs.com/
Heatmap.js Leaflet: https://www.patrickwied.at/static/he...
Color Interpolation : https://www.npmjs.com/package/colori... (get the browserfriendly code from the Mapster code example repo instead!)
Google Maps: https://developers.google.com/maps/do...

00:00 Introduction
00:46 Types of Heatmaps
02:15 Maplibre/Mapbox Intro
05:10 Maplibre/Mapbox Weighted
08:30 Maplibre/Mapbox Proximity
09:20 Maplibre/Mapbox Cell
13:00 Leaflet Intro
14:09 Leaflet Weighted
16:25 Leaflet Proximity
17:05 Leaflet Cell
18:15 Google Maps Intro
18:45 Google Maps Weighted
19:40 Google Maps Proximity
19:55 Google Maps Cell
20:30 Final Thoughts