Cartography on the Web
summary
Demo web app Treelandia combines Portland's tree inventory with a neighborhood tree equity score to show where aggregates hide local detail, using Mapbox + GeoJSON + vector tiles so individual trees come from tilesets while transient UI rings and selections use in-browser GeoJSON. A promise-based map bridge prevents race conditions between app and WebGL map, selection state persists in localStorage, and the implementation is performant enough for city-scale browsing.
AI-written summary · about
chapters (13)
- 0:00Intro
- 1:32Oregon Wildfires
- 5:09Areas of Focus
- 6:19The Common Core
- 7:17Mapbox's Core
- 8:02GeoJSON
- 9:47Vector Tiles
- 11:36Design Decisions
- 13:21Play to Layer Strengths
- 16:37Initialization Sequence
- 19:20Connecting and Waiting
- 22:38Key Takeaways
- 24:09Interested?
related talks
32m"A Developer's Guide to Open Source Web Mapping Libraries"
52mThe Location of Things from A to (X,Y,Z)
18mBuilding Maps with Impact on React and the JAMstack
30mA front-end dev epic journey into geography
01h 34mBuild a Web Map with Open Source Tools
40mStronger App Architecture Using Maps
07mSimple and sustainable web development
49mSaving the world with JavaScript: A Data Visualization story