cesium 水位模拟_Cesium实现淹没分析

代码思路

Cesium的淹没效果主要使用到的是Cesium库中polygon的extrudedHeight属性。通过定时器对绘制的polygon进行高度增加同时将polygon的颜色设置成淡蓝色，从而实现淹没效果的展示。

实现的效果

淹没实现效果

代码展示

// 淹没效果

function drawPolygon(){

var waterHeight = 100;//初始设定的水位高度

var targetHeight = Number((viewer.camera.positionCartographic.height/1000).toFixed(2)) * 100;

console.log(targetHeight);

var PolygonPrimitive = (function () {

function _(positions) {

this.options = {

name: '多边形',

polygon: {

hierarchy: [],

perPositionHeight: true,

extrudedHeight: 0,

material: new Cesium.Color.fromBytes(64, 157, 253, 150),

}

};

this.hierarchy = positions;

this._init();

}

_.prototype._init = function () {