《earth-flyLine》 基于threejs研发的可视化地图飞线打击(第二弹)

💪💪💪💪💪一份配置参数3D地球和2D地图一致的样式和动画💪💪💪💪💪

✨ 特性

  • 📦 开箱即用:简单快速集成,基本零成本上手。
  • 🛡 Typescript开发:提供完整的类型定义。
  • 🎨 高可扩展:丰富的样式配置和API。
  • 💪 逻辑统一:同时支持3D地球2D地图,一份参数3D和2D的同时拥有。

在线预览及文档

地址1

地址2

回顾

好兄弟姐妹们前段时间发布了《回馈老用户,推出基于Threejs封装3D地球组件飞线打击套餐》

纯真的我当时的想法就两个

1、开发这个组件回馈一下社区,一时白嫖一时爽,但是一直白嫖一直爽啊,我也让大家白嫖都爽。

2、提高生产力让大家排期的时候 排两周实际只需要一天就干完。(看你的沟通能力喽~)

本次更新

  1. 支持地球贴图 为了节省性能,新版组件加入了地球贴图的支持(2D地图后续加入)。现在,你仅需使用一张图片就能完成地球的渲染,不仅保证了视觉效果,更降低了性能消耗。

  2. 鼠标交互事件 增添了鼠标交互事件,现在你可以和chart内的模型通过鼠标交互了,我知道你会需要的,产品肯定会提出要不要加,一个click,一个mouseover,等等等等。

  3. 自定义地图标记物 新增了自定义地图标记物功能,你可以根据需要在地图任意位置添加自定义的标记图片,并且支持自定义动画效果(目前限于控制尺寸和透明度)。

  4. 配置动画参数 更全面的飞线和涟漪动画配置参数也在这次更新中得以实现。通过调整参数,你可以自主设定动画速度、循环次数等,并无需担心因为不灵活的设置而影响视觉效果。

  5. FPS限制参数 有鉴于一些性能问题,我们新增了options.limitFps参数,能够将帧数锁定在30帧,即便是低配设备用户也可以流畅体验。

  6. 当然,我也连续修复了在前一版本中出现的一些Bug,并在文档中提供了更为详细和全面的说明,帮助用户更好地理解和使用3D地球大屏组件。


更新其实两周前就做了,文章发的晚了点,因为一直没时间写,非常抱歉。

最近超级忙 究极忙,所以更新的内容有点少各位父老乡亲见谅。

在今后,我会继续优化这个开源组件,并提供更多的功能,期待你的反馈和建议。issue也是我前进的动力,继续推动这款3D地球大屏组件的迭代。

最后

如果觉得不错给个star吧,项目又不会因为你的star而炸掉~

相关推荐
533_39 分钟前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上42 分钟前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
meichaoWen1 小时前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
西西学代码1 小时前
Flutter---DragTarget(颜色拖拽选择器)
前端·javascript·flutter
阿蓝灬1 小时前
React中的stopPropagation和preventDefault
前端·javascript·react.js
天天向上10242 小时前
vue3 抽取el-dialog子组件
前端·javascript·vue.js
lecepin2 小时前
AI Coding 资讯 2025-11-05
前端·javascript
前端小咸鱼一条2 小时前
17.React获取DOM的方式
前端·javascript·react.js
冴羽2 小时前
看了下昨日泄露的苹果 App Store 源码……
前端·javascript·svelte
uuai3 小时前
echarts不同版本显示不一致问题
前端·javascript·echarts