AtlasFlow · 全球地图相册 | 星雨笔录
基于三维地球的互动摄影探索网站：点击地点寻找附近公开影像，在动态照片墙中浏览，并用摄像头手势聚合照片球、散开与平移。
项目介绍
把地图探索与影像浏览连接起来，让用户从“选择一个地方”自然过渡到“观看这个地方附近的影像”。核心工作集中在坐标到屏幕的转场、真实照片检索和多种输入方式的统一。
核心功能
地球探索 旋转、缩放真实三维地球，通过任意坐标或精选城市发起探索。 真实地理影像 按地理标记检索 Wikimedia Commons 图片，分页获取元数据，保留作者、许可和原始来源。 沉浸照片空间 照片从所选坐标浮现，进入支持拖动、滚轮、键盘、详情与高清预览的照片墙。 手势交互 用户主动开启摄像头后，在本地识别握拳、张掌、点赞与 V 手势，控制照片球和照片墙。
使用流程
选择城市或点击地球 → 探索附近影像 → 观看照片浮现转场 → 浏览与放大照片 → 按需开启手势 → 返回原地球视角。
技术栈
Vue 3
TypeScript
Vite
MapLibre GL
GSAP
MediaPipe
Wikimedia Commons
关键实现
Vue 组件组织地图、照片墙、转场与手势面板；显式体验状态管理请求切换、分页和返回。照片服务通过 provider 接口隔离；MediaPipe Worker 串行推理，避免占用主线程和堆积视频帧。缩略图按需准备，地图与照片署名保持可见。
项目成果
单地点图片上限 200 张 测试通过 33 项 摄像头交互 本地识别
验证与交付
2026-10-15 整理版本在新目录通过 33 项单元测试、TypeScript 检查和生产构建。原项目另有公开照片查询与手势样本的验证记录。实体摄像头效果仍受光照和硬件影响。
源码位于 AI Coding 作品集合的独立目录，运行方法与依赖以项目 README 为准。
当前阶段与使用边界
地图和照片需要外网；坐标附近可能没有足够的地理照片。手势需 HTTPS 或 localhost、摄像头和主动授权。风景优先属于排序规则，不是图像内容识别；没有用户账户或云相册。
界面与效果
源码与文档
查看项目源码 GitHub 集合中的独立项目目录 运行与使用说明 依赖、启动、测试和项目边界