《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而炸掉~

相关推荐
信看1 天前
NMEA-GNSS-RTK 定位html小工具
前端·javascript·html
爱吃大芒果1 天前
Flutter 主题与深色模式:全局样式统一与动态切换
开发语言·javascript·flutter·ecmascript·gitcode
king王一帅1 天前
流式渲染 Incremark、ant-design-x markdown、streammarkdown-vue 全流程方案对比
前端·javascript·人工智能
踢球的打工仔1 天前
jquery的基本使用(3)
前端·javascript·jquery
徐同保1 天前
js 点击按钮 把文本转成文件并下载下来
开发语言·javascript·ecmascript
bug总结1 天前
前端开发中为什么要使用 URL().origin 提取接口根地址
开发语言·前端·javascript·vue.js·html
2501_924064111 天前
2025年接口错误自动分析工具对比与性能测试平台选型指南
测试工具·性能优化·数据可视化
程序员爱钓鱼1 天前
Node.js 编程实战:数据库连接池与性能优化
javascript·后端·node.js
Gomiko1 天前
JavaScript DOM 原生部分(二):元素内容修改
开发语言·javascript·ecmascript