-
摘要:
本作品基于 TRAE SOLO 快速开发了一款盐城烈士村镇红色打卡地图,解决了 128 个烈士村镇点位精准定位、批量导入与地图渲染的难题,实现了烈士点位一键查看、打卡记录留存的功能,为红色教育提供了轻量化、可视化的互动工具。 -
背景:
我们是电子信息工程专业学生,正在参加盐城 TRAE 黑客松比赛,需要快速开发一款面向本地红色文化的打卡类应用。核心挑战是:要把 128 个烈士村镇点位精准导入地图并渲染,同时处理地址不规范、坐标偏移、批量导入效率低等问题,且需要在短时间内完成可运行的 Demo。 -
实践过程:
任务拆解:将项目拆分为 3 个核心步骤:点位数据整理 → 高德地图坐标解析 → TRAE 代码开发与调试
SOLO 能力使用:自然语言生成:直接用 Prompt 批量生成地图初始化、点位渲染、点击弹窗的完整代码
代码调试与优化:解决了坐标偏移、点位不显示的问题,快速修正了地址解析与坐标系转换错误
快速迭代:无需本地配置环境,在 TRAE 中直接预览修改,大幅提升了开发效率
关键 Prompt 与操作:「帮我生成可直接在 TRAE 运行的高德地图代码,批量渲染 128 个盐城烈士村镇点位,支持点击弹窗显示烈士信息」
「帮我修正点位坐标,所有地址按江苏省盐城市 XX 区 XX 镇 XX 村格式,用 GCJ-02 坐标系,保证点位落在盐城境内」
踩过的坑与解决:坑 1:地址不规范导致点位飘到外地,解决:统一地址格式,加上「盐城市 + 区县 + 镇 / 村 + 政府 / 村委会」
坑 2:坐标系混用导致偏移,解决:全部改用高德原生 GCJ-02 坐标,用官方地理编码接口解析
坑 3:批量导入代码格式错误,解决:用 SOLO 直接生成 JSON 格式点位数组,避免手动输入错误 -
成果展示:
可运行的 Web 地图应用:所有 128 个烈士村镇点位精准显示在盐城地图上,点击可查看烈士姓名与地址信息
可扩展的打卡功能:已预留本地存储打卡记录的接口,可快速迭代为完整的打卡 APP
演示效果:地图视角可缩放,点位分布清晰,适配 PC 端与移动端访问


