Mapbox Playground: Lighting Presets and 3D Landmarks
Exploring new Mapbox 3D and lighting capabilities via a virtual tour of Sydney.
📍
Sydney Tower Eye 151.2089,-33.8704
Loading map ...
About the Mapbox v3 release
The v3 migration guide outlines key changes and new features. Key changes below.
💡 There are now four lighting presets out of the box: day dusk dawn and night . These affect shadows and thematic colors. Example:
js
map.setConfigProperty('basemap', 'lightPreset', 'dusk')⚙️ Rather than fiddling with layer properties directly, there are six new global config properties to make life easier: showPlaceLabels showRoadLabels showPointOfInterestLabels showTransitLabels lightPreset and font . Example:
js
map.setConfigProperty('basemap', 'showPointOfInterestLabels', false)🥞 When adding a custom layer, the before property has been replaced with slot . This is more intuitive and adaptive to changes in the style definition. There are three slot choices:
| Slot | Description |
|---|---|
bottom | Above polygons (land, landuse, water, etc.) |
middle | Above lines (roads, etc.) and behind 3D buildings |
top | Above all existing layers in the style |
js
map.addLayer({
id: 'points-of-interest',
slot: 'middle',
...
})