vue3+SuperMap iClient3D for Cesium实现可视域分析功能

本人小白一枚,文章如有问题还请各位大神评论区指出。整体实现是参考SuperMap iClient3D for Cesium的可视域分析功能源码~

文章目录

前言

一、主要功能

二、使用步骤

1.HTML主要结构

2.javascript


前言

SuperMap iClient3D for Cesium中的ViewShed3D类提供了可视域分析,设置观察点、目标的位置,水平、垂直视角范围,建立可视区域分析并在指定的场景中显示分析结果的功能。具体下方代码都有详细注释。

一、主要功能

效果图: 

较官网示例去掉了环境设置及裁剪功能(个人感觉比较鸡肋),增加了拖动滑块动态修改可视域参数功能。

二、具体实现

1.HTML主要结构

    

水平视角 (单位:度)

垂直视角 (单位:度)

俯仰角 (单位:度)

可视距离 (单位:米)

创建可视域 清除可视域

2.javascript

你可能感兴趣的:(Cesium,supermap,vue,3d,elementui,javascript)