Vue3+Vite+Cesium项目开发心得(实时更新)

这篇博客主要分享了作者在使用Vue3和Cesium进行项目开发过程中的心得,强调了Cesium包的引入方式、Vue响应式系统与Cesium对象的交互注意事项,以及对象管理和通用函数的最佳实践。在Vue方面,提到了灵活使用内置组件和状态管理的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

之前就想写的,纯属个人习惯总结,欢迎订正!

Cesium相关

1. Cesium包的引入,我还是建议直接放到public下面,html里直接加script标签的形式;

2. Vue的响应式不要挂接任何Cesium创建的任何对象,尤其是computed,watch之类;

3. 要严格控制项目中handler对象的创建,最完美的当然是整个项目共享一个handler对象,如果确实需要多个handler共同操作,那么建议在项目下单独建一个handler.ts文件,统一管理创建的handler对象,包括他的init和destroy操作;

4. entity相关图层管理建议用parent来管理,不要用数组的形式,增删费老劲还容易出错;

5. 不管什么项目必备三套函数:

(1)通用类:randomId(创建随机ID)

(2)对象操作-获取类:getEntityById(根据ID获取entity对象),getImageryById(根据ID获取imagery影像对象),getPrimitiveById(根据ID获取primitive对象)

(3)对象操作-移除类:removeEntityById(根据ID移除entity对象),removeImageryById(根据ID移除imagery影像对象),removePrimitiveById(根据ID移除primitive对象)

Vue相关

1. 灵活应用Vue的内置组件<Teleport>,将其插槽内容渲染到 DOM 中的另一个位置;

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

总要学点什么

相信每一个技术人员的惺惺相惜

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值