介绍
本例子基于 react hooks + ts + Cesium 实现图层管理功能，并封装创建 viewer 组件、图层树组件等；
先上截图：
实现思路
这个算是比较常见的功能，实现也是很简单；我们的图层数据一般是配合后来进行显示的，这个例子中，我是通过一个数组模拟数据。图层数据，然后我们进行加载数据；通过 treeLayers 组件（我们自己实现封装）来判断用户是否传入默认加载的 key 图层，如果都没有，就将图层的 show 属性设置为 false，不进行展示。通过用户勾选图层树的 checkBox 进行展示，所以我们需要通过下面的几个步骤进行实现：
- 获取图层树配置数据
- 封装 createViewer 组件创建 viewer 三维场景；
- 封装图层树组件 treeLayers；并暴露默认加载图层 key，以及默认展开节点的key；
- 根据默认加载图层 key，以及默认展开节点的key；实现图层展示以及用户勾选 CheckBox 进行显示隐藏图层；
- 点击图层名称进行定位到指定图层；
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。