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

相关推荐
一颗花生米。3 小时前
深入理解JavaScript 的原型继承
java·开发语言·javascript·原型模式
学习使我快乐013 小时前
JS进阶 3——深入面向对象、原型
开发语言·前端·javascript
bobostudio19953 小时前
TypeScript 设计模式之【策略模式】
前端·javascript·设计模式·typescript·策略模式
勿语&4 小时前
Element-UI Plus 暗黑主题切换及自定义主题色
开发语言·javascript·ui
一路向前的月光9 小时前
Vue2中的监听和计算属性的区别
前端·javascript·vue.js
长路 ㅤ   9 小时前
vue-live2d看板娘集成方案设计使用教程
前端·javascript·vue.js·live2d
Fan_web9 小时前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
Jiaberrr10 小时前
Element UI教程:如何将Radio单选框的圆框改为方框
前端·javascript·vue.js·ui·elementui
安冬的码畜日常12 小时前
【D3.js in Action 3 精译_029】3.5 给 D3 条形图加注图表标签(上)
开发语言·前端·javascript·信息可视化·数据可视化·d3.js
太阳花ˉ12 小时前
html+css+js实现step进度条效果
javascript·css·html