基于 React hooks + Typescript + Cesium 实现地下模式预览

文章目录

    • 功能介绍
    • 实现思路
    • 实现步骤
      • 记录原始球体相关参数
      • 开启地下透明模式
      • 更新影像图层透明度
      • 封装 UndergroundModeComponent 组件
      • UndergroundModeComponent 组件的使用

功能介绍

本例子基于 react hooks + ts + Cesium 实现地下模式预览;该功能用处也很多;比如地下管廊管线等项目开发时,为更好的体现效果增加用户体验,需要根据应用场景从地上直接切到地下模式或者从地上能够透视到地下的管廊、管线等设备。该组件对此功能进行了封装,实现可以开启地下模式,使得图层透明可以看到地下物体以及可以通过滑动地下透明度;在不同透明度下观看地下物体。

先上截图:

你可能感兴趣的:(webgis,cesium,webgis,typescript,react,hooks,地下模式)