🌍 探针 - 3D地球可视化特效
一个炫酷的3D地球特效,可以实时显示你的服务器分布位置,支持自动识别国旗并在地球上标注!
支持komari/NezhaV0/V1
📸 效果预览
✨ 特性功能
- 🌐 3D旋转地球 - 基于 Globe.gl 的真实地球渲染
- 🚀 自动识别 - 智能扫描服务器国旗并定位坐标
- 💫 光波特效 - 炫酷的雷达波纹扩散动画
- 🔗 连线动画 - 服务器之间的数据传输可视化
- 📱 响应式设计 - 完美适配桌面端和移动端
- 🐛 Debug模式 - 内置调试面板,方便排查问题
- 🎯 悬浮按钮 - 右下角快捷入口,随时查看地球
💻 完整代码
🎯 支持的国家/地区
涵盖 150+ 国家和地区,包括:
🌏 亚洲
中国大陆、香港、台湾、澳门、日本、韩国、新加坡、泰国、越南、印度、印尼等
🌍 欧洲
英国、法国、德国、意大利、西班牙、荷兰、瑞士、俄罗斯、波兰等
🌎 美洲
美国、加拿大、巴西、阿根廷、智利、墨西哥等
🌏 其他
澳大利亚、新西兰、南非、埃及等
📦 安装教程
方法一:面板直接添加
- 登录你的监控面板
- 进入
设置→自定义代码 - 将下方完整代码复制粘贴到自定义代码区域
- 保存并刷新页面
方法二:主题配置文件
如果你使用的是自定义主题,可以将代码添加到主题的 custom.html 或类似文件中。
鸣谢
感谢 @zhihuan 大佬的修复得以适配ios/mac
感谢 @zhattyt 大佬的更新:
PC端宽度逻辑:将原本固定的 520px 改为了 50vw (屏幕宽度的50%)。移除 1920px 限制:你原本的代码底部有一个限制 width: 620px,这导致在 4K 屏幕上看起来是一条窄缝,我已经将其修正。增加 4K/2K 断点:增加了针对超大分辨率的 CSS 规则,防止地球在超宽屏上拉伸变形,同时保证占据半屏视觉。移动端保持:移动端保持底部弹出(60%高度),保证手机体验。后续不再更新,有需求的大佬进行二开
评论 (0)