🌍 探针 - 3D地球可视化特效

一个炫酷的3D地球特效,可以实时显示你的服务器分布位置,支持自动识别国旗并在地球上标注!
支持komari/NezhaV0/V1

📸 效果预览


✨ 特性功能

  • 🌐 3D旋转地球 - 基于 Globe.gl 的真实地球渲染
  • 🚀 自动识别 - 智能扫描服务器国旗并定位坐标
  • 💫 光波特效 - 炫酷的雷达波纹扩散动画
  • 🔗 连线动画 - 服务器之间的数据传输可视化
  • 📱 响应式设计 - 完美适配桌面端和移动端
  • 🐛 Debug模式 - 内置调试面板,方便排查问题
  • 🎯 悬浮按钮 - 右下角快捷入口,随时查看地球

💻 完整代码

点击查看复制使用


🎯 支持的国家/地区

涵盖 150+ 国家和地区,包括:

🌏 亚洲

中国大陆、香港、台湾、澳门、日本、韩国、新加坡、泰国、越南、印度、印尼等

🌍 欧洲

英国、法国、德国、意大利、西班牙、荷兰、瑞士、俄罗斯、波兰等

🌎 美洲

美国、加拿大、巴西、阿根廷、智利、墨西哥等

🌏 其他

澳大利亚、新西兰、南非、埃及等


📦 安装教程

方法一:面板直接添加

  1. 登录你的监控面板
  2. 进入 设置自定义代码
  3. 将下方完整代码复制粘贴到自定义代码区域
  4. 保存并刷新页面

方法二:主题配置文件

如果你使用的是自定义主题,可以将代码添加到主题的 custom.html 或类似文件中。


鸣谢

感谢 @zhihuan 大佬的修复得以适配ios/mac

感谢 @zhattyt 大佬的更新:

PC端宽度逻辑:将原本固定的 520px 改为了 50vw (屏幕宽度的50%)。移除 1920px 限制:你原本的代码底部有一个限制 width: 620px,这导致在 4K 屏幕上看起来是一条窄缝,我已经将其修正。增加 4K/2K 断点:增加了针对超大分辨率的 CSS 规则,防止地球在超宽屏上拉伸变形,同时保证占据半屏视觉。移动端保持:移动端保持底部弹出(60%高度),保证手机体验。

后续不再更新,有需求的大佬进行二开