桂院校园导航小程序

首款同时实现云开发和静态项目的校园导航小程序

提供校园导航和校园信息服务，具有出色的用户体验。

B站讲解演示视频合集 CSDN开发日记

☑️地图选点与搜索 ☑️地图路径规划 ☑️校园信息展示 ☑️在线管理地点数据

仅需地图配置文件和云端数据，即可适配任意校园的小程序个性化地图定制。

桂院校园导航小程序 演示视频

---

📖 介绍

桂院导航是一款以地图为载体，提供桂林学院校园地点的位置信息、导航、校园信息介绍的小程序。

旨在解决校园导航标识不到位、地图形式低效单一、信息设计不够好等问题，为来桂院的新生和游客提供更加完美的出行体验。

---

🤩 预览

主要页面

地图页面

校园信息页面

在线管理页面

---

⚡ 功能

持续更新迭代中

地图相关

• ✅ 校园地点分类动态展示

• ✅ 地点选择与搜索

• ✅ 地点信息展示

• ✅ 路线规划

校园相关

• ✅ 校园信息展示

• ✅ 交通信息展示展示

• ✅ 新生攻略（还没做）

• ✅ 跳转至学校官微/招生小程序

在线管理

• ✅ 管理地点数据（地点类别、地点信息）

• ✅ 地点坐标获取（地图选点）

• ✅ 管理媒体文件（校园地图、封面、轮播图及视频）

---

📝 使用说明

---

🔬开源代码与开发教程

可以点个⭐哦

Gitee仓库：桂院校园导航小程序

GitHub仓库：GLU-Campus-Guide

CSDN文章专栏：校园导航小程序

---

🎞版本发行记录

0.0.0：发行静态项目

0.0.1：修复map页显示bug

0.0.2：发行云开发版本

0.0.3：依据用户反馈(小手机和平板的显示效果不佳)，修复完善了前端显示和功能bug

0.0.4：完善了地图页和地点总汇页的swiper-view的布局，修复了地图页面搜索功能的bug，上传校园地图页面新增了上传原图的提醒

0.0.5：修复了地图页面选择地点和定位的bug（新增/修改地点刷新地图页面时）

0.0.6：修复了地图页搜索地点后，地点总汇页选择地点作为终点但是无效的bug

0.0.7：新增 个人信息页，将各类功能栏 移至此页；将 校园天气 移至 校园信息页；替换了部分页面的图标，使页面更加生动有活力

0.0.8：优化了校园天气模块的图标展示；优化了校园信息页的部分文字展示效果；修改了部分文本信息

0.0.9：优化了校园信息页的图标展示效果；修改了部分文本信息

0.0.10：

序号	板块	详情
1	首页	重做了首页，界面更加高效和美观
2	校园页	新增了 “校园指南” 功能，可以搜索和浏览校园生活指南
3	地图页	①弃用路线规划插件，改用SDK开发包。可以无阻通过审核并发布。得益于SDK中的接口，能够获取路线数据，可以渲染到地图上 ②新增轨迹回放功能，获取路线后，有小车沿着路线，从起点移动到终点 ③新增点聚合功能，地点过于密集时，会自动聚合此类地点 ④新增地点搜索功能，可将查询的结果作为地图起点/终点 ⑤页面底部按钮重做，点击可以查看当前类别下的地点/路线详情 ⑥更改了类别栏的位置，删去了地点栏
4	数据存储	数据分门别类写入多个js文件，使用时分别引入。区分开容易查找和修改 media.js ：图片和视频路径 school.js ：学校和校园指南信息 map.js ：地图参数、各个地点的坐标 utils.js ：其他信息
5	后台管理	①地点管理页 新增 默认地点管理功能 ②媒体管理页 新增 默认图片管理功能

---

📔毕设题目与要求

毕设题目

基于微信小程序的校园导航开发与实现

题目要求

（后来和老师说明情况改用云开发）