桂院校园导航小程序

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

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

B 站讲解演示教学视频合集 CSDN 开发笔记

仅需修改地图配置文件和云端数据，即可 适配任意校园

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

---

📖 介绍

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

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

---

🤩 预览

1. 主要页面实际效果:

2. 地图相关页面实际效果

3. 校园信息相关页面实际效果：

4. 在线管理相关页面实际效果

---

⚡️ 功能

持续更新迭代中

地图相关

• ✅ 校园地点分类动态展示
• ✅ 地点选择与搜索
• ✅ 地点信息展示
• ✅ 路线规划 | 2.0 版本起，弃用插件，改用 SDK 实现

校园相关

• ✅ 校园信息展示
• ✅ 校园指南 | 2.0 版本已上线
• ✅ 跳转至学校官微/招生小程序

在线管理

• ✅ 管理地点数据（类别、地点） | 2.0 版本起，新增 默认地点
• ✅ 地点坐标获取（地图选点）
• ✅ 管理媒体文件（校园地图、封面、轮播图及视频） | 2.0 版本起，删去封面，新增 地点默认图片

---

🔍 使用说明

---

⚙ 安装教程

静态项目的图片引用自图床链接，视频引用自 Gitee Page 中的资源。 可自行学习了解。

教程较长，故放 CSDN ，敬请谅解

CSDN 文章：校园导航小程序 开发全流程教程

---

📝 写作指南

相关文档如下，可以进行参考。

1. 毕业设计

• up 的 开题报告

• up 的 中期报告

• 参考文献（百度网盘分享链接）

2. 大计赛参赛项目 “云上高校导航”
   由此项目修改而来的，作品描述 和 开发文档 更加规范

• 作品信息

• 设计和开发文档

• 演示 PPT

---

🧾 参考资料

• 微信官方文档 · 小程序
• 莞香广科 · 校园导览
• 信科校园导览
• 地大校园导航
• 西海岸导览
• 案例分享丨如何设计校园导航系统

---

🤝 交流讨论

开发者

• QQ：229600398
• 微信：qq229600398

开发交流群

• QQ 群：815075137
• 微信群：加微信，拉你进群（因为群二维码会过期）

---

🪁 二创作品

期待您的作品！！！
私聊发我小程序截图，我会在这里放出来。

---

📒 开源许可证

请 认真阅读并遵守 开源协议 MulanPSL-2.0

项目开源，持续维护，欢迎 反馈 、拉取 和 STAR⭐️！

允许任何人对该项目进行变动

同时 欢迎各位开发者参与到该项目 (在软件声明与致谢页面加入参与贡献者名称)

禁止用于商业和非法目的，使用代码 请标明出处或有所声明

---

❤ 致谢

非常感谢以下的小程序开发者和 B 站 up，以及教会、锻炼我 PS 能力的校红会小伙伴
让我学到了很多，得以把小程序做到今天这样完整

同时也要感谢
b 站 @宙克儿 测试云开发项目的安装和找出问题
b 站 @AexCloud 群组官方 提供的图片切片素材