Video: Add 3D buildings and data-driven styling with Studio

beginner
No code

Turn on 3D buildings using style components in Mapbox Studio, then apply fill colors based on building heights.

Getting started

  • 0:00 - Log into Studio and open a new map style.
  • 0:20 - Zoom in to see building shapes on the map.

Turn on 3D buildings

  • 0:24 - Toggle the 3D buildings to On in the Buildings component.
  • 0:37 - Change your pitch to view 3D buildings from a different angle.

Apply data-driven styling

  • 1:00 - Open the building-extrusion layer.
  • 1:30 - Override the component styling.
  • 1:40 - Click Style across data range and select the height data field.
  • 1:57 - Add multiple stops with different colors for each.
  • 3:08 - Reduce layer opacity to make buildings less transparent.
  • 3:20 - Add a "catch all" stop with a default color value.
  • 4:44 - Choose step or linear for Rate of change.
Was this page helpful?