28.cesuim分析之淹没分析

最新推荐文章于 2024-07-22 04:00:37 发布

紫雪giser

最新推荐文章于 2024-07-22 04:00:37 发布

阅读量386

点赞数 1

分类专栏： gis开发学习文章标签： arcgis 3d

本文链接：https://blog.csdn.net/yaojindou0/article/details/134140319

版权

gis开发学习专栏收录该内容

32 篇文章 9 订阅

订阅专栏

效果图

在这里插入图片描述

前端代码

let Cesium = null

let showWater =false
let waterEntity=null

export const drawWater=(viewer)=> {
    Cesium = DC.Namespace.Cesium
    showWater = true
   waterEntity && viewer.entities.remove(waterEntity)
    const waterCoord = [119.642769, 30.361905, 100, 119.591604, 30.448757, 100, 119.695767, 30.488232, 100, 119.748406, 30.395983, 100]

    let startHeight = 100
    const targetHeight = 500
   waterEntity = viewer.entities.add({
      polygon: {
        hierarchy: Cesium.Cartesian3.fromDegreesArrayHeights(waterCoord),
        material: Cesium.Color.fromBytes(64, 157, 253, 200),
        perPositionHeight: true,
        extrudedHeight: new Cesium.CallbackProperty(() => { return startHeight }, false)
      }
    })
    viewer.flyToPosition(
        new DC.Position(119.66332661540228,30.443762489412983, 2000, 0, -90, 0)
    )
    const waterInterval = setInterval(() => {
      if (startHeight < targetHeight) {
        startHeight += 10
        if (startHeight >= targetHeight) {
          startHeight = targetHeight
          clearInterval(waterInterval)
          showWater = false
        }
        // 使用该方式会闪烁，改用 Cesium.CallbackProperty 平滑
        // this.waterEntity.polygon.extrudedHeight.setValue(startHeight)
      }
    }, 100)

  }