Getting started with Mapbox GL JS
summary
A working store‑locator map is built with Mapbox GL JS in about 24 hours: a GeoJSON feature collection of Vermont burger venues is added as a GeoJSON source then rendered first as a circle layer and later as custom PNG markers with HTML popups; flyTo camera animations and a small button UI navigate between Burlington, Chicago and Cleveland; search is added via Mapbox Search.js; data comes from scraping addresses + geocoding and the demo functions live, with tile‑based scaling recommended for millions of points.
AI-written summary · about
chapters (11)
- 0:00Introduction and logistics
- 0:51Andrew's introduction
- 1:57What is Mapbox GL JS?
- 3:15Burger map demo
- 7:20Setting up the map
- 13:27Adding data to the map
- 19:26Interactivity and styling
- 23:20Markers and popups
- 29:42Animations and search
- 33:38Search functionality
- 36:20Q&A session
related talks
01h 34mBuild a Web Map with Open Source Tools
32m"A Developer's Guide to Open Source Web Mapping Libraries"
17mBoosting Map Performance with Mapbox and Flutter
18mBuilding Maps with Impact on React and the JAMstack
46mDiscovering 40 Geo-APIs in 40 Minutes
43mBuild a Web Map with Open Source Tools
40mStronger App Architecture Using Maps
15mMaking maps work on mobile