Malawi Map LabInteraction · 4 of 8

District alerts with the Interactions API

Each district is filled by its alert tier. Hover and click go through map.addInteraction and highlights through feature state, so the GeoJSON is never re-uploaded to show a selection.

Sample forecast dayDay 1

No action · 0 districts
Be aware · 0 districts
Be prepared · 0 districts
Take action · 0 districts

Hover a district to highlight it; click to select it.

Where it fits

The pattern behind the IBF alert map and the Climate Risk dashboard, written the GL JS v3.9 way.

Built with

addInteraction
feature-state
promoteId

Sample values

Tiers are sample values derived from district names, not forecasts. Boundaries from geoBoundaries 2020 (CC BY 3.0 IGO).