Advanced map style customization in Mapbox Studio
summary
A live Mapbox Studio demo builds an ebike app style end-to-end: adding custom layers and placing them into layer slots, showing a 10-minute isochrone from a user pin, and plotting ebike symbols using range_num-based icons for four charge states. Styles scale by zoom, labels and halos adapt, and JSON expressions switch icon and halo colors for day/night presets. Route lines color by length, hover state thickens paths, emissive opacity and occlusion improve night legibility, and the setup publishes and works as shown.
AI-written summary · about
chapters (13)
- 0:00Session introduction
- 1:20Advanced styling overview
- 2:08Adding and configuring data
- 4:24Styling user location
- 8:11Ebike data visualization
- 13:49Dynamic label styling
- 18:02Night mode customization
- 23:56Advanced data conditions
- 33:20Spatial data overlays
- 36:28Routing and interaction
- 38:46Data-driven line styling
- 41:573D spatial adjustments
- 42:54Final review and Q&A
related talks
01h 34mBuild a Web Map with Open Source Tools
12mDesign, manage, and deploy better Maps with Cloud-based Maps styling
43mBuild a Web Map with Open Source Tools
40mStronger App Architecture Using Maps
17mBoosting Map Performance with Mapbox and Flutter
09mCartography Protips: Creating Basemaps for Amazon Location Service
37mSlippy Map Style: Geo-canvas design with CartoCSS
13mMapStory: Prototyping Editable Map Animations with LLM Agents