南苑导览是一款由学生独立开发的以地图为载体,提供中山大学南方学院(南苑)具体地点的位置信息、导航、校园历史及文化介绍的小程序。旨在解决校园导航标识不到位、地图形式低效单一、信息设计不够好等问题,为来南苑新人和游客提供更加完美的出行体验。
2019 高校微信小程序开发大赛 华南赛区二等奖作品
文章及代码收录于腾讯云开发优秀案例
仅需修改地图配置文件,即可适配任意场景(校园、景区)的小程序个性化地图定制。
原生小程序 + TypeScript + gulp + vantUI + 云开发能力
- 路线推荐
- 路线规划
- 地点搜索
- 校园留言板
- 人文地理信息一览
- 景点分类动态展示
- 全景看景(功能已实现,个人类小程序受限,暂未开放)
- 社团、商铺信息互联互通(运营需求)
- 在根目录 config 中,根据自身需求修改应用配置
├─ src
├── config
├─── index.ts // 入口
├─── cloud.ts // 云开发相关配置
├─── info.ts // 应用介绍信息
├─── markerStyle.ts // 地图marker样式
├─── panorama.ts // 第三方全景地图配置(个人类型无webview权限,默认关闭)
└─── secret.ts // 腾讯地图key等敏感信息(可选)
- 在开发环境中,如不使用云开发能力,可以使用本地 mock 数据
├─ src
├── mock
├─── index.ts // 入口
├─── board.ts // 公告
├─── comments.ts // 留言
├─── markers.ts // 地点
└─── routes.ts // 路线推荐
-
本项目使用 excel 管理数据,使用 python pandas 来清洗数据,数据格式及使用说明详见此。
-
通过 npm 使用第三方 UI 组件库VantUI,因此需要在开发工具中进行 npm 构建,详细操作见小程序文档 - npm 支持。
-
起飞:
npm install
npm run dev
NFU-Guide-Map
├─ master // 默认分支
├─ wepy@1.7.2 // 使用wepy框架开发的初始版本,在wepy2和框架踩坑的权衡之后停止维护,用原生重写
└─ [other] // 其他开发分支(只允许该项目Collaborators创建及push分支)
每个版本详细的迭代记录在release notes。
本项目所用影像收集自校园官网、在校师生,社团组织。版权所有,未经允许,禁止盗用。
「南苑导览」使用MIT license