datamap

Heatmap over OSM

Aggregate noise complaints into a 20 by 20 grid and draw it as a translucent heatmap over OpenStreetMap layers.

Live Playground

OpenStreetMap data

This spec reads a pre-downloaded OpenStreetMap extract through pbfFileUrl, so it loads in seconds. Remove pbfFileUrl to query the Overpass API live instead, which can take several minutes because Overpass is rate-limited.

Highlights

• heatmap data source with a grid
• near distance for each grid cell
• heatmap values read with getFnv: 'count.noise'

This example comes from the autk-grammar repository.