An elevation visualiser for Cesium acting as an imagery provider. Elevation samples from a terrain provider are passed to a 2D WebGL renderer. The renderer then applies a combination of the following algorithms:

• Colour ramp
• Hillshade
• Contour lines

This imagery provider is a contribution to the Cesium community by Propeller Aerobotics and is licensed under the same license as Cesium (Apache 2.0).

View the live demo.

npm install
npm start

Then browse to http://localhost:8080

This code uses GLSL shaders. It is currently set up to load them using shader-loader for webpack. If you happen to be using webpack on your project then you should be able to...

• install shader-loader:

npm install shader-loader --save-dev

• set it up in your webpack.config.js:

module: {
    loaders: [{
        test: /\.(glsl|vs|fs)$/,
        loaders: ['shader']
    }]
}

• import (or require()) into your app

import ElevationGradientImageryProvider from 'cesium-elevation-gradient/lib/ElevationGradientImageryProvider'