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

相关推荐
不听话坏7 小时前
Ignition篇(下 一) 动态执行前的事情
开发语言·前端·javascript
小二·8 小时前
React 19 + Next.js 15 现代前端开发实战:App Router / Server Components / 流式渲染
前端·javascript·react.js
DolitD10 小时前
无人机×云渲染:点量云流实时交互云推流方案
3d·云计算·数据可视化·虚拟现实
CHNE_TAO_EMSM11 小时前
Android studio 打开文件时自动下载源码
前端·javascript·android studio
竹林81813 小时前
从 ethers.js 迁移到 Viem:一个签名验证 Bug 让我彻底放弃旧爱
javascript
你挚爱的强哥13 小时前
Vue2 实现 1.5s 十连击监听(连续点击若干次),封装通用可复用点击检测工具,不用 data!Vue 封装通用连击监听方法,支持自定义时长与点击次数
前端·javascript·vue.js
半个落月13 小时前
用 LangChain.js 手写一个能读写文件和执行命令的 Mini Cursor
javascript·人工智能·后端
天外天-亮14 小时前
HBuilder X 使用 uview-plus 方式
开发语言·javascript·hbuilder x·uview-plus
我有满天星辰15 小时前
Vue项目脚手架之争:create-vue与Vue CLI全面对比
前端·javascript·vue.js
多加点辣也没关系18 小时前
JavaScript|第9章:对象 — 基础
开发语言·javascript·ecmascript