基于 React hooks + Typescript + Cesium 实现测量功能组件

功能介绍

本例子基于 react hooks + ts + Cesium 实现测量功能组件；实现距离测量、贴地测量(地形)、贴地面积测量、面积测量、三角测量。并封装对应的 MeasureComponent 组件。

先上截图：

后续将分享一些下面的功能：

1. 图层管理（√）
2. dom 点扩散（√）
3. 轨迹回放（√）
4. 测量（√）
5. 坐标拾取
6. 加载模型数据，实现属性查询
7. 地下模式
8. 单体化
9. 粒子特效
10. 视频融合
    有其他需要实现的功能，大家可以评论哈

实现思路

这个测量的功能也是很简单的，跟之前的绘图组件是一样的功能，只不过增加了一些距离的计算方法。

1. 添加鼠标监听事件

添加鼠标右击移动左击事件，根据用户选择功能，记录鼠标左击的坐标，并根据屏幕坐标转换为笛卡尔坐标进行绘制。