Skip to content

3D Terrain

Go beyond hillshade and show elevation in actual 3D.

---
title: 3D Terrain
description: Go beyond hillshade and show elevation in actual 3D.
options:
  center: [ 11.39085, 47.27574 ]
  zoom: 12
  pitch: 70
  maxPitch: 85
controls:
  - type: NavigationControl
    options:
      visualizePitch: true
  - type: TerrainControl
    options:
      source: terrainSource
      exaggeration: 1
style:
  sources:
    # Use a different source for terrain and hillshade layers, to improve render quality
    terrainSource:
      type: raster-dem
      tiles:
        - 'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'
      encoding: terrarium
      tileSize: 256
    hillshadeSource:
      type: raster-dem
      tiles:
        - 'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'
      encoding: terrarium
      tileSize: 256
  layers:
    - type: 'hillshade'
      source: hillshadeSource
      hillshade-shadow-color: '#473B24'
  terrain:
    source: terrainSource
    exaggeration: 1
---


View Map on Overpass Ultra
Edit Query on Overpass Ultra
View MapLibre Example