3D terrain

Tilted-pitch 3D on the map-view block — Mapbox DEM terrain with an atmospheric sky over Eryri, and fill-extrusion buildings from the basemap's composite source over London's Docklands. Terrain and fog are react-map-gl props passed straight through MapView.

$bunx shadcn@latest add @nx-ui/map-view
Registry item
Installs withbuttonbutton-groupmapboxmapbox-overridesutils
Used byboundary-mapmap-toolbarmarketplace-maproute-mapsite-map

Terrain and atmosphere

A raster-dem source (mapbox-terrain-dem-v1) driving setTerrain at 1.5× exaggeration, with a fog ramp that fades the satellite basemap into a hazy horizon and starfield. Drive the camera with the pitch and bearing sliders, or drag with right-click / two fingers.

3D buildings

Canary Wharf extruded from the standard composite building layer — height and base ramp in between zoom 13 and 13.6, so towers rise as you approach. Theme-aware: the extrusion tint flips with light and dark mode, and the demo works on all three basemap styles.