记录参与Cesium罗盘控件(cesium-navigation-es6)的感想

Cesium的罗盘控件最早来自于alberto-acevedo/cesium-navigation(226颗星),截至2021-9-21日,最近的更新是两年以前,同时他的使用方式是UMD或requirejs,示例参见这里

然后紧随其后的就是richard1015/cesium-navigation-es6(100颗星,有幸成为这第100颗的收藏者…),创建者是richard1015,截至2021-9-21(中秋节)日,最近的更新是13月以前,当然还有一些issues是开着的,当然这里也有我提出的,原因是在最新版本的Cesium中移除了defineProperties,需要使用Object.defineProperties替代,此前在项目中我是直接克隆下来修改的源码,但总觉得这样做不是正道,联系到作者后,作者主动提出共建此项目,我感到这个还是一件有意义的事情,毕竟有一些自己的想法关于这个项目,如支持ts,支持umd引入。当然第一步先是支持到最新版本,至于想法,会利用业余时间逐步实现的。

经过前面这段业余时间的努力,在项目发起者richard1015的帮助下,将项目的框架脚手架进行了升级,包括项目测试脚手架、打包脚手架、发布脚手架,同时也支持了UMD的引入方式,具体参见github,于2021年9月28日完成了该项目对Cesium1.85的支持,并且在我们公司的项目中也使用了cesium-navigation-es6最新版2.0.1

这个项目也是第一次参与github项目,也有好几个夜晚在专注做这个事情。此过程还是比较有成就感的,欢迎大家使用此项目,在此过程中如有问题请给我们留言!

未来计划利用业余时间将此用ts重写,敬请期待!
如要快速联系我,加我微信zpc1305780485

项目已经迁移至新仓库

重要更新日志

  • 2022-01-06 版本3.0.4
  1. 支持自定义svg,包括罗盘、放大、缩小、默认视图
  2. 移除less,改用css
  3. 移除支持TerriaJS的相关依赖及代码,不再支持TerriaJS
  4. 支持移动端
### 关于 `cesium-navigation-es6` 插件的使用教程 #### 安装与集成 为了在项目中利用 `cesium-navigation-es6` 实现指南针和比例尺功能,需先安装该插件。可以通过 npm 或 yarn 进行安装: ```bash npm install cesium-navigation-es6 --save ``` 或者 ```bash yarn add cesium-navigation-es6 ``` 完成安装之后,可以在项目的入口文件(如 main.js)中导入并初始化此插件[^1]。 #### 初始化配置 当集成了 `cesium-navigation-es6` 后,下一步是在 Cesium Viewer 中启用这些导航工具。通常情况下,这涉及到设置一些选项来定制显示效果以及行为模式。例如,可以指定是否自动隐藏控件、调整位置等参数[^2]。 ```javascript import { Compass, Scale } from 'cesium-navigation-es6'; // 假设已经存在一个名为 viewer 的 Cesium.Viewer 对象 const compass = new Compass({ viewer, }); compass.show(); // 显示指南针控件 const scale = new Scale({ viewer, }); scale.show(); // 显示比例尺控件 ``` 上述代码片段展示了如何创建一个新的指南针实例 (`Compass`) 和比例尺实例 (`Scale`) 并将其关联到现有的 Cesium 视图器上[^5]。 #### 更新与维护 值得注意的是,随着版本迭代和技术进步,开发者们也在不断改进和完善这个插件的功能和支持范围。比如,在最近的一次更新中,团队成员对构建过程进行了优化,并增加了 UMD 格式的兼容性支持,使得更多类型的前端框架能够方便地接入这一实用工具[^4]。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值