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

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.