跳至主要内容

Vibe Coding了一个深圳高中地图网站

先说网站:深圳高中地图 szgz.mxzhi.com
小棉袄马上要中考了,最近一直在看深圳的高中。深圳的高中今年一共有 92 所,最远的在深汕合作区。

临近报考季,各种初三群里各种信息,我想现在有 AI,应该可以做个地图网站,方便大家查看深圳高中分布情况,选择申报学校。

网站功能很简单,显示所有高中,可以选一个起点位置,这样就大概知道和学校的距离了。还有一些比如招生数量,分数线等等顺带的信息。也支持移动端浏览器。

我一直都喜欢用 Antigravity,虽然 token 限额太多。用 Claude opus 4.6 构建后,gemini 3.1 pro 修了一些 bug,终于上线了这个网站。
szgz

数据收集和核对

我以为有 AI 就很快,结果还是花了几天的时间。
首先是数据收集,各种群里都是图片,我用 AI 转成 csv 格式,但学校位置的匹配费了很大的劲。
我觉得申请个高德 API,AI 写个代码自动执行,生成经纬度 csv 就好了,结果高德搜索出的学校地址很多都是不对的,所以要一个一个核对,还要搜索具体办学信息。
比如:深圳中学有泥岗校区,还有晒布校区,高一高二在泥岗,高三在晒布。
北京大学附属中学深圳学校(原梅林中学),我以为是在梅林中学的地址,结果现在办学地址在深康。
还有深圳理工大学附属中学,没有校址,今年在深圳理工大学借址办学。中科院深圳理工大学附属实验高级中学,高德搜的根本不对,要去掉中科院三个字。去掉后和前面的附属中学名称看看有多接近。
有的学校(北师大南山附属学校)虽然搜出来了,地址看似正确,但高中又在另外的地方。有的学校名字不一样,但地址又在同一个高中园里面。还有布吉高级中学地图上叫龙岗第二高级中学。
所以最后还是每一个学校都要人工核对地址,确定经纬度,确定高中上学的地点,而且我还不一定都修改正确了。
至于其他信息,比如 25 年的招生数量,分数等等,都来自微信群的信息,我也不做核查了,仅供参考。

最后还有个疑问:我用 GPS 工具箱这个 APP 来获取不确定学校地址的经纬度,但最后在高德地图上显示有偏移,到底是谁的问题?我们公司平时去海上测试,都是用的这个 APP 记录的位置坐标。

网站部署

我还是选择了 Cloudflare Pages 来部署这个网站,毕竟免费又方便。后续数据更新,bug 修复也很方便,直接 push 到 GitHub 上,自动更新网站。
Cloudflare 的免费额度我不担心,但高德地图的 API 免费额度有限,如果访问量大了可能会限制,我又不赚钱也不可能去买流量。如果有公司认证的话,免费额度会增加很多,但我以前的公司早就注销了,只能先这样了。



source https://mianao.info/vibe-coding-shenzhen-schools-map-site/

评论