📍 地图导览小程序 — 南苑导览 🚶 仅需修改配置即可适配任意场景的个性化定制地图小程序
南苑导览是一款由学生独立开发的以地图为载体,提供中山大学南方学院(南苑)具体地点的位置信息、导航、校园历史及文化介绍的小程序。旨在解决校园导航标识不到位、地图形式低效单一、信息设计不够好等问题,为来南苑新人和游客提供更加完美的出行体验。
2019 高校微信小程序开发大赛 华南赛区二等奖作品
文章及代码收录于腾讯云开发优秀案例
仅需修改地图配置文件,即可适配任意场景(校园、景区)的小程序个性化地图定制。
原生小程序 + TypeScript + gulp + vantUI + 云开发能力
├─ src
├── config
├─── index.ts // 入口
├─── cloud.ts // 云开发相关配置
├─── info.ts // 应用介绍信息
├─── markerStyle.ts // 地图marker样式
├─── panorama.ts // 第三方全景地图配置(个人类型无webview权限,默认关闭)
└─── secret.ts // 腾讯地图key等敏感信息(可选)
├─ 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 // 默认分支
├─ [email protected] // 使用wepy框架开发的初始版本,在wepy2和框架踩坑的权衡之后停止维护,用原生重写
└─ [other] // 其他开发分支(只允许该项目Collaborators创建及push分支)
每个版本详细的迭代记录在release notes。
本项目所用影像收集自校园官网、在校师生,社团组织。版权所有,未经允许,禁止盗用。
「南苑导览」使用MIT license