桂院导航小程序

桂院导航小程序
首款同时实现云开发和静态项目的校园导航小程序
提供校园导航和校园信息服务,具有出色的用户体验
B站讲解演示视频合集:毕设-桂院导航小程序
CSDN开发笔记:桂院导航小程序开发日记
☑️地图选点与搜索 ☑️地图路线规划 ☑️校园信息展示 ☑️在线管理地点数据
📖介绍
桂院导航小程序(毕设)
桂院导航是一款以地图为载体,提供桂林学院校园地点的位置信息、导航、校园信息介绍的小程序。
旨在解决传统地图的校园标识不到位、地图形式低效单一、信息设计不够好等问题,为来桂院的新生和游客提供更加完美的出行体验。
🤩预览





答辩后
若无学校经费支持改为发行静态版本(云开发费钱)
若项目被学校收购则只开源静态版本(云开发版本会说下思路)
⚡️ 功能
- ✅ 校园地点分类动态展示
- ✅ 地点选择与搜索
- ✅ 路线规划
- ✅ 校园信息
- ✅ 可跳转至学校官网/官微/官方小程序
- ✅ 在线管理地点数据
- ✅ 在线上传修改手绘地图、封面图片、轮播图及视频
📝小程序使用说明

🗄软件架构
伪流程图

🔬安装教程
- 大部分数据存储在utils.js中的,页面引入utils.js使用
- 自行填写utils.js中的 腾讯位置服务API 和 和风天气API 的key(没有就去申请)
- 部分图片引用自免费图床 - CDN加速图床(自行替换)
- 地图中心点坐标、边界、自定义图层(自己绘制的地图)边界坐标都写死了,自行修改或改为云开发管理方式。
- 如有需要,自行更换图片、链接或修改代码功能
- 若图片过大加载较慢,可压缩图片再上传 图片压缩网站
- 因个人小程序限制,无法渲染外部网站,故使用跳转外部小程序方式(小外链)打开外部网站(自行测试,部分网站打不开)
- 具体安装教程参考各自文件夹的README(静态项目 | 云开发项目)
❤致谢
非常感谢以下的小程序开发者和B站up,以及教会、锻炼我PS能力的校红会小伙伴
让我学到了很多,得以把小程序做到今天这样完整

🎈远期构想
外校或本校未来学校扩建,那么现在的小程序是需要修改的,如果想在此基础上开发,需注意:
- 多校区的学校的开发者要思考下如何修改我的项目
- 新地图可以在我的地图上用PS继续绘制(我就是在学校早期规划图基础上用PS修改得来的),或者自己重新绘制(考虑要不要出0基础画简单地图的教程)。
- 更好的路线导航方式是自己绘制“图”,并使用最短路径算法实现(下面给出案例图和讲解)。

图中红色点为地点,蓝色点为道路点。蓝色线段即为点之间的关系(一个道路点能够到达其他的什么点)。就可以模拟出“图”以及其所有点之间的关系。点与点之间“路”的长度可以通过公式计算出(注意地球是球体-曲面,经纬度计算距离的公式可以百度)。有了点之间的关系以及“路”(边)的长度,可以通过最短路径算法计算出最短路经过的所有点并显示到地图上(当然还可以尝试能不能使用动画/轨迹来渲染路线)。 - 更好的展示效果可以考虑加入室内(外)导航功能、AR实景导航功能
- 更加充实的校园功能可以考虑加入校园信息公告栏、留言栏等功能。如果可以连上学校的教务系统,那就可以实现更多功能(课表、上课提醒、选课、成绩、自动计算学分绩点、活动通知、会议提醒、提交材料等)。
🧾参考资料
📒开源许可证
请认真阅读并遵守以下开源协议
欢迎 pull request and star
允许任何人对该项目进行变动
同时欢迎各位开发者参与到该项目(在软件声明与致谢页面加入参与贡献者名称)
禁止用于商业和非法目的,使用代码请标明出处或有所声明

桂林学院 校园导航/导览/导游/地图/定位/识途/引路/信息/助手
浙公网安备 33010602011771号