Streamlined Map Development Part 2
summary
Live demo restyles the Chicago bikability app built in Part 1 by importing the published tileset into the Mapbox Studio style editor, swapping circle points for data-driven icons for low/mid/highrise properties, hiding road and transit labels, and reordering using slots (top/middle/bottom) so bike routes sit above POIs. Bike racks change from radius 5 to 3, opacity .3 to 1 around zoom 14 with stroke added only at closer zooms; Divvy stations adopt brand blue and switch from dots to a bicycle icon at ~zoom 14, then publish the style to update apps.
AI-written summary · about
chapters (16)
- 0:00Introduction and logistics
- 1:24Map styling overview
- 3:34Reviewing yesterday's app
- 6:12Starting the style editor makeover
- 8:48Redesigning property icons
- 11:18Adjusting base map layers
- 13:05Adding bike routes
- 15:33Styling bike racks
- 17:17Layer hierarchy and ordering
- 20:28Adding Divvy bike stations
- 21:56Zoom-based icon visibility
- 24:08Publishing the new style
- 26:16Q&A on accessibility and styling
- 29:05Dynamic styling and country-specific styles
- 31:16Style JSON and custom templates
- 33:44Final thoughts and wrap-up
related talks
43mBuild a Web Map with Open Source Tools
01h 34mBuild a Web Map with Open Source Tools
40mStronger App Architecture Using Maps
12mDesign, manage, and deploy better Maps with Cloud-based Maps styling
17mBoosting Map Performance with Mapbox and Flutter
24mGeo+Django: Geo beyond the Django
15mMaking maps work on mobile
49mLet's Make Maps Widely Accessible