随着高校规模的扩大和建筑物复杂程度的增加，以及高校对外交流日益频繁，师生和访客在校园内的出行、寻找目的地等问题越来越突出。而市面上存在的校园导航类小程序或APP存在诸多不足。为了解决这些问题，一种高效快捷的校园导航软件迫在眉睫。

  我们以此为切入点，设计了“云上高校导航”开发方案。“云上高校导航”是一套基于小程序云开发的校园导航类系统开发方案，该开发方案可供开发者进行二次开发，用于解决师生和访客的校园出行需求。

  该型小程序运行在微信平台上，可在Android和IOS系统的手机设备上运行，目标用户为学生和教职工，以及来访的游客。用户可使用该型小程序进行地图浏览、地点查询、路线规划、查看校园信息等操作。该型小程序致力于为学生、教职工和游客提供便利，包括但不限于方便快捷、提升效率、促进交流、宣传学校和改善体验。

  该型小程序采用云开发，结合校园地图，运用微信提供的地图接口、腾讯位置服务API以及腾讯位置服务路线规划插件。该小程序具备路线导航和校园信息介绍功能，并能通过地理位置接口获取实时位置，利用腾讯位置服务路线规划插件实现路线规划和导航功能。

  测试表明，该小程序能够稳定运行，定位速度快，路线规划最短，反应速度快。该小程序的应用价值广泛，可以推广至其他高校，便利师生和访客的出行。

  我们以本校为案例进行分析、设计、开发、实现、部署和发行了该型小程序，目前用户数累计破千。

  同时，我们也将该方案的项目代码开源于Gitee和GitHub代码托管平台，开发文档公开于CSDN社区，期望可以借此可以推广至其他高校。

  借鉴了Gitee代码托管平台上的《信科校园导览》等项目。

  本作品属于小程序，免安装，可直接使用。

  我们以本校为案例进行开发的小程序已经发行，使用微信对小程序码进行扫码查看。

1. 主要页面实际效果:

2. 主要页面实际效果

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

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

1. 使用小程序作为载体进行开发，免安装，即开即用；
2. 绘制校园地图并将其覆盖在电子地图上展示，使校园地点展示更加清晰明了；
3. 考虑到目标人群的实际需求，对地点进行分类，根据类别展示不同的地点；
4. 图文并茂展示介绍校园的方方面面，让用户在使用时感受到浓厚的校园氛围；
5. 将地图相关数据上云。同时移植数据管理功能到手机上，使数据管理更加便捷；

1. 地图界面设计 根据用户的使用场景和需求，设计具有良好视觉效果的地图界面。在地图上标识出重要的建筑物和地点等信息，为用户展示更加清晰的地点信息。

2. 路线规划与导航功能 通过定位接口获取用户当前位置，并利用腾讯位置服务路线规划插件实现路线规划功能，为用户提供最优路线推荐。

3. 校园信息展示 介绍学校、院系、交通出行等信息，并提供相关图片和文字信息。

4. 在线管理 在线管理地点信息和媒体文件。对地点数据进行增加、修改和删除，并能实时在地图上反映变化。

1. 地图数据获取与处理
     地图数据的获取与处理是校园导航的基石，尤其是地点坐标，这是设计难点之一。获取详细的校园地图数据，并进行数据处理，确保地图数据的准确性。
     其中地点的坐标获取方式为，在地图选点页面选择地点后小程序会自动获取坐标。无需手动输入。

2. 界面设计
     由于面向大学师生和访客使用，界面需要友好简洁。需要提供清晰的地图展示和路线规划结果，信息展示也要简明直观。这需要设计人员既要关注美观，也要确保功能的合理性和易用性。
     在进行界面设计时参考了市面上相似的产品的界面风格。

3. 功能设计
     要根据用户需求设计合适的功能，如地图和路线展示功能是核心，信息展示也很重要。但加入太多功能会造成小程序过于臃肿和用户体验差，所以功能设计需要慎重考虑,确保每项功能的必要性。
     在进行功能设计时参考了市面上相似的产品的功能设计，借鉴了一些论文的想法。

4. 系统性能
     小程序作为轻量级系统，性能有瓶颈，特别是地图功能打开后，会有较大性能消耗。所以在设计地图和路线规划功能的时候，要考虑优化性能，使得小程序体验流畅。

  综上，校园导航小程序的设计难点主要集中在地图与定位的实现，以及与此相关的界面友好性和系统性能。要综合考虑这几个方面，提供一个易于使用且高效的校园导航小程序。谨慎的页面设计和功能设计也是关键点。

1. 作品开源情况
     我们将该方案的项目代码开源于Gitee和GitHub代码托管平台，开发文档公开于CSDN社区，期望可以借此可以推广至其他高校。

2. 小程序运行现状
     我们以本校为案例进行分析、设计、开发、实现、部署和发行了该型小程序，目前用户数累计破千。

 最新项目放在了另一个仓库，前往获取：桂院校园导航小程序

 教程实在太长了就放CSDN了，见谅

  汇总：配置-安装-部署 教程（最新的教程和有不懂的就看这里）

1. 导入与配置教程
2. 修改项目/二次开发：

• 静态项目二次开发教程 1.3
• 云开发项目二次开发教程 1.3

3. 刷新或重启 项目

4. 开发指引 与 注意事项

5. 小程序 发行 / 发布 教程

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

开发者

• QQ：229600398
• 微信：qq229600398

开发交流群

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

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

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

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

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

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

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

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

  同时也要感谢b站 @宙克儿 帮忙测试云开发项目的安装，帮我找出了许多问题。