Skip To Content ArcGIS for Developers Sign In Dashboard

ArcGIS Runtime SDK for Qt

Terrain exaggeration

Sample Viewer View Sample on GitHub

Vertically exaggerate terrain in a scene.

Use case

Vertical exaggeration can be used to emphasize subtle changes in a surface. This can be useful in creating visualizations of terrain where the horizontal extent of the surface is significantly greater than the amount of vertical change in the surface. A fractional vertical exaggeration can be used to flatten surfaces or features that have extreme vertical variation.

How to use the sample

Use the slider to update terrain exaggeration.

How it works

  1. Create a scene.
  2. Create and add a surface with an ArcGISTiledElevationService.
    • The surface visualizes the elevation source.
    • An elevation source defines the terrain based on a digital elevation model (DEM) or digital terrain model (DTM).
  3. Create a slider object.
  4. Bind the surface's elevationExaggeration property to the slider's value.

Relevant API

  • Scene
  • Scene.baseSurface
  • Surface
  • Surface.elevationExaggeration


3D, DEM, DTM, elevation, scene, surface, terrain

Sample Code

import QtQuick 2.6
import QtQuick.Controls 2.2
import Esri.ArcGISRuntime 100.9

Rectangle {
    id: rootRectangle
    clip: true
    width: 800
    height: 600    

    SceneView {
        id: sceneView
        anchors.fill: parent

        // add a Scene to the SceneView
        Scene {
            // add the BasemapNationalGeographic basemap to the scene
            BasemapNationalGeographic {}

            // add a surface...surface is a default property of scene
            Surface {
                // add an arcgis tiled elevation source...elevation source is a default property of surface
                ArcGISTiledElevationSource {
                    url: ""
                // elevationExaggeration is bound to the value of the slider
                elevationExaggeration: slider.value

        Component.onCompleted: {

        // Slider UI presentation at bottom
        Rectangle {
            anchors {
                bottom: sceneView.attributionTop
                horizontalCenter: parent.horizontalCenter

            width: childrenRect.width
            height: childrenRect.height
            radius: 10
            opacity: 0.8

            // sliderCombo: A slider and text for its value
            Row {
                id: sliderCombo
                spacing: 5

                Slider {
                    id: slider
                    opacity: 0.7
                    anchors {
                        verticalCenter: parent.verticalCenter
                    // Slider controls exagerration of the elevation of
                    // the terrain
                    from: 1.0
                    to: 10.0

                Text {
                    anchors {
                        verticalCenter: parent.verticalCenter
                        margins: 5
                    horizontalAlignment: TextInput.AlignHCenter
                    font.pixelSize: 20
                    text: slider.value.toPrecision(2);

    Camera {
        id: camera
        distance: 0
        heading: 7
        pitch: 70
        roll: 0.0

        Point {
            x: -119.9616962169934
            y: 46.7000413426849
            z: 3183
            spatialReference: SpatialReference { wkid: 4326 }