pogilon / cesium-elevation-gradient

An elevation visualizer for Cesium

cesium-elevation-gradient

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.

Run the test app with a local server

npm install
npm start

Then browse to http://localhost:8080

Using in your app

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'