cesium

最新推荐文章于 2024-10-13 21:24:06 发布

kalinux

最新推荐文章于 2024-10-13 21:24:06 发布

阅读量647

点赞数

分类专栏：前端，cesium，gis 文章标签： gis javascript es6

本文链接：https://blog.csdn.net/kalinux/article/details/109838875

版权

该博客详细介绍了如何利用Cesium进行GIS高程数据的处理，包括加载地形瓦片、生成等高线、高程设色以及坡度设色，并提供了设置色表的方法，适合JavaScript和ES6开发者学习。

摘要由CSDN通过智能技术生成

https://blog.csdn.net/weixin_30848775/article/details/98373947

1，绘制高程

var shadingUniforms = {};
material = Cesium.Material.fromType('SlopeRamp');
shadingUniforms = material.uniforms;

加载地形瓦片：

viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
    url : 'https://assets.agi.com/stk-terrain/v1/tilesets/world/tiles',
    requestWaterMask : true,
    requestVertexNormals : true
});

生成等高线：

var contourUniforms = {};
material = Cesium.Material.fromType('ElevationContour'); //专门绘制高程轮廓
contourUniforms = material.uniforms;   
contourUniforms.width = 1;
contourUniforms.spacing = 500;
contourUniforms.color = Cesium.Color.RED;

高程设色：