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'