桂院导航小程序
桂林学院 校园导航/导览/导游/地图/定位/识途/引路/信息/助手
桂院导航小程序
首款同时实现云开发和静态项目的校园导航小程序
提供校园导航和校园信息服务，具有出色的用户体验
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号