vue3+SuperMap iClient3D for Cesium实现天际线分析功能

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

文章目录

前言

一、主要功能

二、具体实现

1.HTML主要结构

2.javascript


前言

SuperMap iClient3D for Cesium中的Skyline类提供了设定观察者位置、观察方向,并在场景中得到分析结果的功能。具体实现见下方代码。

一、主要功能

该功能主要实现提取天际线、并结合echart实现二维天际线分析、绘制限高体、拉伸闭合体四个功能效果。

二、具体实现

1.HTML主要结构

提取天际线 二维天际线 绘制限高体 拉伸闭合体 清 除

注意:这里还需要一个DOM作为echart表格的结构,可以通过v-show控制该结构显隐(v-if可能会导致DOM结构渲染不及时导致echart报错),echart的DOM结构需要在内联样式中设定一个宽高,否则可能会报错。

2.javascript

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