cesium实现等高线效果

Cesium实战系列文章总目录： 传送门

1. 实现效果

2. 实现方法

参考官方沙盒示例：传送门

2.1 实现思路

（1）设置等高线
首先要开启地形，这里使用cesium自带的地形数据。

cesium的material类自带了等高线的材质ElevationContour，API：传送门

设置其等高距、线宽和颜色等参数即可。
（2）为globe设置材质，API：传送门

2.2 具体代码

核心实现代码如下所示：

 // 开启等高线效果
 contourLine();
 
 /**
  * @description: 等高线
  * @param {*}
  * @return {*}
  */        
 function contourLine() {
     let globe = viewer.scene.globe;

     let contourUniforms = {};

     // 使用等高线材质
     let material = Cesium.Material.fromType("ElevationContour");
     contourUniforms = material.uniforms;

     // 线宽2.0px
     contourUniforms.width = 2.0;
     // 高度间隔为150米
     contourUniforms.spacing = 150;
     
     contourUniforms.color = Cesium.Color.RED;

     // 设置材质
     globe.material = material;
 }