giswt / cesium-elevation-gradient

An elevation visualizer for Cesium

cesium-elevation-gradient

NOTE: Cesium now has built in support for elevation gradients and contours. See the Globe Materials example in the Sandcastle.

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).

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'