2026-08-05
项目
0

目录

当照片铺满地图,旅行突然有了形状
从全国地图,一层层走进旅行记忆
它不只是把照片随机塞进地图
1. 自由调整拼图精细度
2. 优先展示更有回忆价值的照片
3. 随时换一批照片
4. 按时间和行政区域查看
为什么想做这个功能?
一个不会写完所有代码的人,也能把想法做出来
想邀请你也来试试看

手机里的照片越来越多。 有时翻到一张雪山、一片草原,或者某座城市的夜景,第一反应是:“这里真漂亮。” 再过几秒,却怎么也想不起它具体拍在哪里、是哪一次旅行,又和谁一起去过。 照片明明记录了我们的生活,最后却常常只是安静地躺在相册里。 于是,我产生了一个想法: 能不能把照片放回它们拍摄的地方,让每一段旅程重新出现在地图上? 我让AI,把这个想法做成了一个真实可用的功能——照片地图拼图 就是我正在开发的 AI 相册工具「行影集」。


当照片铺满地图,旅行突然有了形状

和普通地图上的定位点不同,照片地图拼图会读取照片的位置信息,把照片填充到对应的地图轮廓中。

当几百张照片共同组成一幅中国地图时,原本分散在相册里的风景、人物和故事,第一次产生了一种特别的联系。

image.png

地图上的每一小格,都是一张真实拍摄过的照片。

西北的雪山和荒漠、南方的湖泊与花海、沿海城市的夜景,还有旅途中偶然拍下的人和动物,都被重新放回了它们所属的位置。

这不再只是一张地图。

它更像是一幅由个人经历拼成的旅行版图。

地图上被照片填满的地方,是曾经抵达过的远方;那些仍然空白的区域,也变成了以后想去看一看的目的地。


从全国地图,一层层走进旅行记忆

除了查看全国照片拼图,还可以继续进入某个省份,看看自己在那里留下过哪些照片。

例如进入新疆后,地图会切换为新疆维吾尔自治区的轮廓。

image.png

雪山、湖泊、森林、草原和冬季风景,被一起填入新疆地图。

相比在普通相册中按照时间一张张翻看,这种方式带来的感受很不一样。

以前看到的是零散的照片,现在看到的却是:

“原来我关于新疆的记忆,是这些颜色组成的。”

进入内蒙古,画面又变成了另一种风格。

image.png

草原、羊群、河流、雪山和公路沿着狭长的地图轮廓展开。不同时间、不同地点拍摄的照片,因为地理位置被重新组织到了一起。

再进入甘肃,丹霞、长城、戈壁、雪山和古建筑又构成了完全不同的画面。

image.png

每个省份都有自己的轮廓,也有属于自己的旅行色彩。

照片不再只按照“某年某月”排列,而是开始按照“我在哪里生活过、旅行过”重新讲述故事。


它不只是把照片随机塞进地图

为了让拼图尽量好看,也为了让真正重要的照片更容易被看见,我给它加入了一些可以调整的规则。

1. 自由调整拼图精细度

可以通过滑块控制照片格子的大小。

格子越小,能够放入的照片越多,适合生成信息丰富的全国旅行地图;格子越大,单张照片会更加清晰,适合查看某个省份的照片拼图。

如果当前照片数量不足,系统也会自动调整格子,尽量减少重复使用同一张照片。

2. 优先展示更有回忆价值的照片

相册中的照片并不都同样重要。

有些是认真拍下的风景,有些是珍贵的合影,也有一些可能只是随手截图或临时保存的图片。

因此,在选择照片时,可以优先使用更有回忆价值的内容。经过 AI 分析的照片会参与排序,还没有完成分析的照片也可以自动排到后面。

我希望最终出现在地图上的,不只是“位置正确”的照片,也是那些真正值得再次看见的瞬间。

3. 随时换一批照片

同一个地方可能拍过几十甚至上百张照片,而地图能够展示的数量有限。

点击“换一批照片”,就能重新生成一种组合。

同一张地图,每次都可能出现不同的风景,也像是在用另一种方式重新翻阅自己的相册。

4. 按时间和行政区域查看

除了全国和省份地图,还可以根据时间范围以及区县、城市、省份等层级筛选照片。

以后我也希望继续完善这套体验,让地图不仅能够展示“去过哪里”,还能够讲清楚“什么时候去的”“走过怎样的路线”以及“这段旅程发生了什么”。


为什么想做这个功能?

做「行影集」的过程中,我一直在思考一个问题:

当我们拥有几万张照片以后,相册还能为我们做些什么?

传统相册解决的是“保存”和“查看”。

但照片数量越来越多以后,我们真正缺少的可能不是存储空间,而是一种重新理解这些照片的方式。

按照时间排列,我们能看到生活的变化。

按照人物整理,我们能看到彼此的陪伴。

按照地点重新组织,则能看到自己曾经走过的世界。

照片地图拼图,就是我对这个问题的一次尝试。

我希望相册不只是一个文件仓库,也能成为一个帮助我们整理经历、发现回忆的工具。


一个不会写完所有代码的人,也能把想法做出来

这个功能还有一层对我来说很特别的意义:它是我通过 AI Vibe Coding 完成的。

所谓 Vibe Coding,简单来说,就是先把脑海中的效果、交互和需求描述给 AI,再和 AI 一起不断修改代码、解决问题、调整细节。

当然,它并不是对 AI 说一句“帮我做个地图拼图”,功能就会自动完成。

真正做起来,仍然会遇到很多具体问题:

  • 怎样把不规则的地图轮廓切分成照片格子;
  • 怎样判断一个格子是否落在地图内部;
  • 如何在格子大小和照片清晰度之间取得平衡;
  • 怎样避免某几张照片被反复使用;
  • 如何处理照片数量不足的情况;
  • 如何让全国地图和省份地图保持一致的交互体验;
  • 如何在大量照片参与计算时保证页面流畅。

AI 可以快速给出思路和代码,但最后呈现什么效果、应该保留哪些功能、哪里需要推翻重做,仍然需要开发者自己判断。

对我而言,Vibe Coding 最大的价值,是缩短了“我有一个想法”和“我真的把它做出来了”之间的距离。

很多以前因为工作量太大而只能停留在脑海中的功能,现在终于有机会变成可以点击、可以体验的产品。


想邀请你也来试试看

目前,照片地图拼图已经可以生成全国地图,也可以继续查看不同省份的照片拼图。

如果你的相册里保存了许多旅行照片,欢迎用它生成一张属于自己的“旅行中国地图”。

也许你会发现:

原来这些年,自己已经去过这么多地方;

原来一些快要忘记的旅程,一直藏在某张照片里;

原来照片不仅能记录一个瞬间,也能共同拼成我们走过的路。

体验地址: https://demo.siyuan.ink (推荐使用电脑打开)

本文作者:司小远

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!