Building maps with Impact on React and the Jamstack
summary
Maps built with Leaflet and React Leaflet pull base tiles from OpenStreetMap or NASA imagery, add GeoJSON overlays and markers, and compile as a Gatsby JAMstack site deployable to Netlify. A working demo and starter live on GitHub; a road‑trip demo shows popups with photos and itineraries. FilmDrop DR prototypes ingest drone imagery, syncs edits offline and to an AWS Snowball Edge, and targets operator comprehension under 15 minutes to speed first‑responder decisions (examples include NASA layers and a cyclone that affected ~2.2M people).
AI-written summary · about
chapters (11)
- 0:00Maps and their impact
- 2:55Map data sources
- 5:22Maps for global change
- 7:28React and Jamstack maps
- 10:33Base maps and layers
- 12:58Jamstack map deployment
- 13:18FilmDrop DR mapping
- 15:41Impactful tools in emergencies
- 16:22Road trip map demo
- 18:48Gatsby Leaflet starter
- 19:51Map development resources
related talks
18mBuilding Maps with Impact on React and the JAMstack
50mBuilding with Mapbox GL JS in React
01h 34mBuild a Web Map with Open Source Tools
45mVibe coding with Mapbox GL JS
46mDev Stories: Show & Tell
40mStronger App Architecture Using Maps
32m"A Developer's Guide to Open Source Web Mapping Libraries"
49mSaving the world with JavaScript: A Data Visualization story