美食地图产品系统Vibe Coding

一、立项原因
1、俄语游客信息孤岛：哈尔滨作为对俄窗口城市，每年接待大量俄罗斯游客，但主流美食平台（大众点评、美团）仅有中文界面，俄罗斯游客无法自主发现本地美食。解决方案：提供完整的中俄双语小程序，从地图、分类、搜索到详情全链路俄语支持
2、美食信息分散：哈埠菜、俄式西餐、东北烧烤、早夜市等信息零散分布在多个平台，游客缺乏一站式的美食地图。解决方案：将哈尔滨特色美食按品类（老字号/东北菜/烧烤/俄餐/小吃/火锅等）和行政区域统一聚合展示
3、到店导航困难：游客在陌生城市找到餐厅后，缺乏便捷的导航手段。解决方案：集成腾讯地图一键导航，起点为游客当前位置，终点为店铺坐标
4、景区-美食联动缺失：游客在中央大街、冰雪大世界等热门景点游玩后，不知道附近有什么好吃的。解决方案：按景区筛选附近美食，实现"游玩→觅食"场景闭环
5、哈埠美食文化推广不足：哈尔滨特色美食（锅包肉、红肠、俄式西餐等）缺乏面向国际游客的系统性展示。解决方案：通过手绘地图、分类导览等方式，以文化+美食的方式推广哈尔滨美食IP
二、行业场景与业务背景
1、中俄跨境旅游持续升温：哈尔滨作为中国对俄经贸与文化交流的桥头堡，每年吸引数十万俄罗斯游客前来旅游、商贸、就医。俄语是哈尔滨第二大使用语言。
2、微信小程序在俄罗斯游客中普及：微信支付和微信小程序在俄远东地区已有一定用户基础，俄罗斯游客来华后习惯使用微信生态。
3、美食旅游成为主流需求：全球旅游趋势中，品尝当地美食已成为游客出行的核心动机之一，占比超过 50%。

一、前端（微信小程序）
1、首页 (index)：Banner 轮播、分类入口（哈埠菜/小吃/早夜市/MALL）、热门地标景区入口、背景音乐
2、美食地图 (food-map)：按行政区域（道里/道外/南岗/松北/香坊/平房/方正/双城）分块展示美食聚集区
3、标准地图 (map)：腾讯地图展示、GPS 定位、美食标记聚合、分类筛选（景点/商圈/品类）、附近美食列表弹窗、下拉筛选面板、标记点动画
4、搜索 (search)：按名称/菜品搜索店铺、分页加载、历史记录
5、详情 (detail)：店铺详情（地址/电话/营业时间/特色菜/介绍）、一键导航、电话拨打确认
6、导航 (nav)：地图导航页面，显示目标位置
7、景区列表 (attractions)：哈尔滨热门景点列表（中央大街/冰雪大世界/太阳岛等）
8：菜品分类 (category)：按品类浏览（冰城老字号/东北菜/烧烤/俄式西餐/咖啡馆/火锅等）
9语言切换 (profile)：中/俄语言切换，全局刷新
10视频播放 (video-player)：视频内容播放页
二、后端（RuoYi-Vue 管理后台）
1、店铺管理 (store)：店铺 CRUD、Banner 管理、景区管理、商圈管理、菜品管理、分类管理
2、微信统计 (wx)：小程序事件上报统计
三、国际化 (i18n)
1、完整的中/俄双语翻译包（zh-CN.js / ru-RU.js）
2、覆盖通用组件、首页、地图、详情、搜索、分类、语言设置等全部页面
3、图片资源也支持语言区分（title.png / title_e.png）

一、前端实现要点
1、微信小程序原生开发：使用 Page() 和 Component() 原生 API，自定义 tabBar
2、全局图片 URL 注入：通过劫持 Page() 构造函数，在 onLoad 时自动注入 imagesBaseURL
3、国际化实现：自定义 I18n 类，基于 wx.getStorageSync/setStorageSync 持久化语言选择，切换时遍历所有页面调用 onLanguageChange()
4、地图方案： 组件 + 腾讯地图 API + 自定义地图样式
5、事件上报：eventReporter.js 实现批量事件队列，定时 flush 到后端
6、地图工具：GPS↔像素坐标互转、距离计算、距离格式化
二、后端实现要点
1、RuoYi-Vue 框架：基于 Spring Boot 2.5 + Spring Security + MyBatis
2、自定义业务模块：ruoyi-admin/src/main/java/com/ruoyi/store/（店铺）、wx/（统计）
3、数据实体：Store(店铺)、StoreBlock(街区)、Banner(轮播)、Attraction(景点)、BusinessArea(商圈)、FoodCategory(品类)、StoreDish(菜品)、WxStats(统计)
4、Nginx 部署：SSL 终结点 + 反向代理到 Spring Boot + 静态资源缓存策略
三、数据处理工具
1、geocode.js / geocode-tencent.js：腾讯地图地理编码，将地址转为 GPS 坐标
2、geocode_update_stores.js：批量更新店铺坐标到 CSV
3、check_csv.js / fix_csv.js CSV 数据校验与修复