微信小程序

城会玩2.0

把旅行照片、美食和笔记放回对应城市,下一次想找回忆时,点开城市就能看到在那里留下的风景和味道

34
省级行政区
391
覆盖城市
30+
成就徽章
城会玩2.0 小程序码
微信扫码体验 打开小程序,开始记录你的城市足迹
向下滚动

一站式城市照片手账体验

城会玩2.0 的核心是把照片和地点重新连接起来:旅行照片、美食照片、文字笔记都归档到对应城市。它不是把照片简单堆成瀑布流,而是让每一张照片都带着城市上下文,之后回看上海、重庆、成都或任何一座去过的城市,都能直接找到当时的风景和味道。

🗺️

地图点亮

34省391城,足迹清晰可见

🔍

城市搜索

搜城市名直达,标记已打卡

🏆

成就徽章

30+徽章见证每一步成长

👥

共享视角

群组成员的城市和照片同步展示

城会玩2.0
成就 成就解锁
城市照片 城市相册

真实小程序运行界面

六张真机截图对应地图、角色卡、相册、群组和个人档案,呈现实际可用的旅行记录流程。

城会玩首页足迹地图真实运行截图 足迹地图 从首页地图进入,用省份进度和城市搜索规划下一次探索。
城会玩角色卡图鉴真实运行截图 角色卡图鉴 点亮省份后解锁地域角色,收集进度和卡面一目了然。
城会玩相册真实运行截图 旅行相册 旅行与美食分开归档,空状态也清楚指向下一步记录。
城会玩群组空状态真实运行截图 群组起点 用邀请码建立旅行小队,保留清晰的首次创建入口。
城会玩群组旅行空间真实运行截图 共同足迹 成员点亮、旅行计划和群相册在同一个旅行空间汇合。
城会玩我的页面真实运行截图 我的旅行护照 把点亮进度、照片数量和个人旅程收进一页护照档案。

项目到底能做什么

城会玩 2.0 不是单一打卡页,而是一套把地点、照片、共同旅程和个人回忆连起来的旅行记录系统。

01 / MAP

省份地图与城市搜索

地图点击按省份留下足迹,城市搜索按具体城市记录。两条入口各自清晰,不把一座省份误写成一串城市。

02 / CITY

城市详情就是旅行档案

点亮、必打卡地标、旅行攻略、避坑提示、照片和笔记围绕同一个地点展开,回看时不再只靠相册时间线。

03 / ALBUM

旅行与美食分开归档

照片按城市和类别沉淀,相册可筛选查看;删除会同步处理本地记录和云端数据,避免重新进入后旧图又出现。

04 / CARDS

角色卡与成就反馈

首次点亮省份解锁地域角色卡,探索、照片和收集进度会转成成就反馈,让记录过程有持续的仪式感。

05 / GROUP

邀请码旅行小队

不依赖分享能力,通过邀请码组队。成员足迹和照片自动汇合,还可创建目的地愿望、出行日期与投票计划。

06 / MEMORY

共同相册与个人护照

群相册支持城市筛选、出行日期归档、照片留言和精选置顶;个人页把足迹、照片和旅程统计收进护照档案。

微信云开发 群组、照片与旅行记录通过云函数读写,客户端不直接开放数据库权限。
先看到,再同步 上传照片会优先保存在个人相册,云端处理和群相册同步在后台继续完成。
图片加载优化 云端临时链接只在当前会话复用,角色卡和照片首屏优先解析,避免过期地址造成空白。

完整体验路径

从点亮一座省份或搜索一座城市,到上传照片、按城市回看,再和好友共享同一份旅行记忆,核心路径完整闭环。

地图点亮
01 地图入口

打开中国地图,点亮去过的省份

地图与省份标签同步更新;搜索城市时则保留城市级记录,避免两种足迹混在一起。

城市详情
02 城市详情

把照片和笔记绑定到具体城市

城市详情页是上传入口,也是回忆入口。照片保存时记录城市、类型和时间,回看时不会丢失地点上下文。内置旅行攻略和避坑指南,42 座城市的最佳季节、交通建议和实用提示一目了然。

角色卡收集
03 记录激励

上传照片后获得成就和地域反馈

角色卡、徽章和提示作为辅助奖励,让用户更愿意持续记录城市,而不是只完成一次性打卡。

旅行相册
04 相册沉淀

按旅行、美食、城市整理回忆

相册页支持按类型和城市筛选:想找某座城市吃过的美食或拍过的美景,不再靠时间线翻找,而是直接按城市定位。

成就徽章
05 成就成长

用徽章记录探索阶段

探索、收集、照片和特殊时间都能触发成就,让用户知道下一步还能去哪里。

群组共享
06 群组共享

好友加入后共建旅行小队

成员足迹和照片会自动汇合到群组;目的地愿望、日期和投票把下一次旅行也纳入同一个空间。

34
省级行政区
391
覆盖城市
30+
成就徽章
同步
群组共享视角

核心体验设计

城会玩2.0的主线不是单纯打卡,而是把照片、美食和笔记重新放回城市里,让旅行结束后也能按地点找回回忆。

中国地图点亮

🗺️ 中国地图点亮

34个省级行政区、391个城市覆盖全国每个角落。基于微信原生 map 组件,已打卡省份用粉色标记显示,气泡展示打卡进度,地图下方省份标签栏横向滚动一目了然。在地图上点击省份标记进入省份详情,搜索框输入城市名直达具体城市,两种路径都能点亮足迹。

真实地理坐标已打卡视觉标识省份进度标签城市搜索直达下一站推荐

📖 城市旅行攻略

42座热门旅游城市内置详细的旅行攻略,包含城市简介、最佳出行季节、交通建议和实用提示。进入城市详情页就能看到攻略卡片,帮你快速了解目的地。同时支持记录避坑指南,把旅途中踩过的坑记下来,下次不再重蹈覆辙。

42城攻略最佳季节交通建议避坑指南云端同步
城市旅行攻略

📸 城市照片归档

旅行中最容易丢失的是“照片和地点的关系”。城会玩2.0把上传入口放进城市详情页,照片保存时就绑定城市、类型和记录时间,后续可以从城市页、相册页和动态流多入口找回。美景、美食、笔记不再散落,而是成为这座城市的一部分。

旅行照片上传美食照片上传城市绑定按城市回看
城市照片归档
成就系统

🏆 成就徽章体系

探索、收集、社交、特殊四大类 30+ 成就徽章。从点亮第一座城市到成为中国旅行王者,夜猫子凌晨打卡、早鸟清晨出发、闪电侠单日狂刷——你的旅行习惯也会解锁隐藏成就。

四大类别30+徽章实时反馈隐藏成就

🧩 设计思路:城市就是记忆容器

传统相册按时间排列,适合看最近照片,但不适合回答“我在某座城市拍了什么、吃了什么”。所以项目把城市详情页设计成核心容器:用户先选择城市,再上传旅行照片、美食照片和笔记;相册、动态和群组再围绕这份城市记录做展示。

城市详情页照片元数据相册筛选动态沉淀
城市详情与照片记录

👥 群组共享

群组作为底部导航的独立入口,创建旅行小队后生成6位邀请码分享给好友。加入群组后,成员点亮的城市会合并到同一张地图,上传到城市里的照片会同步出现在城市详情、旅行相册和最近动态中,形成一张全队共同的旅行地图。

底部导航Tab邀请码机制共享地图城市照片同步成员排行
群组共享

🏙️ 城市风采

每个省份都拥有精心设计的打卡地标,从繁华都市到秘境山水

🃏 角色卡奖励

角色卡是城市记录后的反馈层,用来增强探索动力;真正的主线仍然是上传照片、点亮城市和沉淀旅行记忆。

浙江角色卡
SSR 浙江 · 烟雨江南 西湖雷峰塔 · 普陀梵音

💎 SSR · 烟雨江南

西湖泛舟,灵隐听钟,吴侬软语间的诗意

四川角色卡
UR 四川 · 天府之国 大熊猫 · 九寨沟 · 火锅

🌟 UR · 天府之国

憨态国宝,麻辣鲜香,蜀地山水间的悠然

👥 群组共享——同一张旅行地图

创建群组 → 分享邀请码 → 好友加入 → 城市、照片、动态同步展示

🔑

创建/加入群组

选择朋友/情侣/家人类型,一键创建获6位邀请码

📤

分享邀请码

微信分享或复制邀请码给好友,云端验证秒加入

🎉

共享城市 & 照片

成员点亮城市自动合并,城市详情里的照片全员可见

🏷️
6位邀请码

安全简洁,云端验证防重复加入

📸
城市照片同步

照片归属对应城市,城市详情和相册都能看到

🏅
成员排行榜

按点亮城市数自动排序

☁️
共享视角

地图、相册、动态使用同一套合并数据

🏆 成就徽章预览

从新手旅行者到城市王者,每一步成长都有徽章见证

新手旅行者新手旅行者
进阶探索者进阶探索者
旅行专家旅行专家
探索大师探索大师
城市王者城市王者

技术栈与能力架构

使用微信小程序原生能力和云开发体系,支撑照片上传、城市归档、地图打卡、群组共享和内容安全。

微信小程序原生框架 使用 WXML、WXSS、JavaScript 组织页面、组件、路由和交互,保证小程序端体验稳定。
微信云开发 CloudBase 承载登录、数据同步、群组管理和资源访问,减少额外服务器部署成本。
云数据库与云存储 保存用户足迹、城市照片、照片类型、笔记、成就、群组成员和动态记录。
内容安全与本地缓存 上传内容先做安全校验;个人数据本地缓存,未加入群组时也能顺畅记录。
产品能力拆解
地图与城市索引层

用省份、城市、地标和经纬度组织旅行足迹。城市不只是地图点位,也是照片、笔记和动态的索引入口。

34省级行政区391城市城市详情
照片上传与归档层

旅行照片、美食照片和文字笔记绑定到具体城市,记录照片类型、城市、时间和描述,解决系统相册里难以按旅行地点检索的问题。

城市相册美食记录旅行笔记
角色卡与成就激励层

点亮省份、上传照片、收集卡片都会得到反馈。它是辅助激励,不抢照片记录主线,而是让用户更愿意持续记录。

地域角色卡成就墙解锁反馈
群组共享同步层

通过邀请码建立旅行小队,合并成员的点亮城市、城市照片和动态,形成同一张共享旅行地图和共同城市相册。

邀请码共享地图成员排行

项目亮点

不是单一打卡工具,而是一套围绕“照片怎么找回来”的旅行记录系统。

🗺️

足迹可视化

把“我去过哪里”变成一张可浏览、可点亮、可回看的中国地图,旅行进度一眼可见。

📸

城市级相册

照片不是简单堆在相册里,而是回到对应城市,和地标、笔记、美食记录放在一起。

🃏

探索奖励感

角色卡和成就不作为主功能堆砌,而是围绕上传照片、点亮城市后的反馈,让记录更有动力。

👥

共享旅行视角

加入群组后,成员的城市、照片、动态会合并展示,适合朋友、情侣和家人共同记录。

🧭

完整使用闭环

从进入首页、点亮地图、上传照片、按城市回看,到成就反馈和群组同步,核心路径自然连贯。

🛡️

内容安全意识

上传内容接入安全校验,既保留用户记录自由,也照顾小程序上线后的合规要求。

🚀 快速开始

三步在本地运行城会玩2.0

1

克隆仓库

git clone https://github.com/tl66666/chw2.0.git

2

导入开发者工具

微信开发者工具 → 导入 → 城会玩2.0/

3

开通云开发 & 运行

开通云开发环境,部署云函数,编译运行

浏览源码目录

现在就用微信打开城会玩2.0

无需安装,扫码进入小程序。打卡城市、上传旅行照片、创建群组和好友一起探索。

微信扫一扫,开始点亮你的城市地图
城会玩2.0 小程序码