提供 云开发版本 和 静态版本 双版本 以供选择
仅需修改地图配置文件和云端数据,即可 适配任意校园
☑️ 地图选点与搜索 ☑️ 地图路线规划 ☑️ 校园信息展示 ☑️ 在线管理数据
桂院校园导航是一款以地图为载体,提供桂林学院校园地点的位置信息、导航,以及校园信息介绍的小程序。
旨在解决传统地图的校园标识不到位、地图形式低效单一、信息设计不够好等问题,为来桂院的新生和访客提供更加完美的出行体验。
扫描下方小程序二维码,即可体验静态版本。
注意:因微信审核机制限制,目前示例小程序不是最新版本,可以 clone 代码到本地开发工具预览
持续更新迭代中
- ✅ 校园地点分类动态展示
- ✅ 地点选择与搜索
- ✅ 地点信息展示
- ✅ 路线规划 | 2.0 版本起,弃用插件,改用 腾讯位置服务 API 实现
- ✅ 校园信息展示
- ✅ 校园指南 | 2.0 版本已上线
- ✅ 跳转至学校官微/招生小程序
- ✅ 管理地点数据(类别、地点) | 2.0 版本起,新增 默认地点
- ✅ 地点坐标获取(地图选点)
- ✅ 管理媒体文件(校园地图、封面、轮播图及视频) | 2.0 版本起,删去封面,新增 地点默认图片
教程较长,故放在 CSDN 平台 ,敬请谅解
CSDN 文章
:校园导航小程序 开发全流程教程
请严格按照其中的步骤,一步一步来。若缺失步骤,可能会导致意想不到的问题。
① 电脑的定位源自于网络节点,故不一定准确,以手机端预览为准
② 若上传了校园地图,则需要在手机端预览,因为电脑端无法预览自定义图层
考虑到 课设毕设 还需要 PPT 和 文章,故提供了如下相关文档,以便各位参考
除此之外,还可以去知网或其他平台,以 小程序、云开发、校园导航 等词作为关键词进行搜索,查阅相关资料
开发者
- QQ:229600398
- 微信:qq229600398
开发交流群
- QQ 交流群:815075137
- 微信 交流群:加微信,拉你进群(因为微信群二维码会过期)
项目虽小,但是应付 课设、毕设、小型比赛 ,还是可以的
建议在使用该项目前进群询问,以免出现同一个学校的同时用这个项目的尴尬情况
往期版本放在 百度网盘(已停止维护,不建议使用)
感谢以下小伙伴们为 本项目 发展做出的贡献:
- bilibili@宙克儿 测试 云开发项目运行和找 bug
- bilibili@AexCloud 群组官方 提供 校园信息页 的 图片切片素材
- bilibili@白艺中葡萄 提供 地点搜索页 的 历史记录和热门地点 新功能的 idea 和 code
非常感谢以下的小程序开发者和 B 站 up。让我学到了很多,得以完成小程序
本项目基于 MulanPSL2 协议,请自由地享受和参与开源。
2023 年初,为了应付毕设,只是草草学了下相关知识就上手做了这个项目。不可避免地会出现代码冗余混乱、界面设计奇奇怪怪等诸多问题
之后打算重新写,降低项目理解和修改的难度
- 采用 腾讯位置服务 WebService API、vant weapp 等主流技术和 UI 组件库
- 实现 路线规划时,自由切换 驾车、步行、骑行 模式
- 使用 自定义组件,减少代码冗余
- 优化 界面设计、后端设计
- 使用 async/await 优化云函数接口调用后页面的 js 逻辑
- 完善 相关文档及设计图(PPT、文章报告、UML 图、原型设计图、UI 设计图)
不过因为工作繁忙,这个版本(暂定为 3.0)做出来可能得等到 26 年了(也许)
(我大概率没有心思去钻研和实现,有想法的网友可以自行研究或进群探讨)
有网友问我,不想用 API,如何使用算法实现路线规划。
一般是用 Dijkstra
或者 A*
,当然也有其他的寻路算法,可以自行去了解。
实现的思路大概是:
- 获取所有地点的坐标,并生成一个点集合
- 遍历所有地点,计算出每个地点到所有地点的距离,并生成一个距离矩阵
- 使用 Dijkstra 或者 A* 算法,根据距离矩阵,计算出起点到终点的最短路径
这里用图片来辅助说明:
- 红点代表地点,蓝点代表道路点,蓝线表示点之间的关系(能否到达另一个点)。就可以模拟出“图”以及其所有点之间的关系。
- 点与点之间的距离通过公式计算(地球为曲面,使用经纬度计算距离的公式。不过学校跨度很小,这个误差可以忽略不记)。
- 有了点之间的关系以及“路”(边)的长度,通过算法计算出最短路经过的所有点和路径长度距离。
- 计算最短路径并显示在地图上(使用 polyline 折线,可加动画轨迹)。
这个是我一直想实现的,不过我是真的知之甚少,有想法的网友可以自行研究或进群探讨