基于vue+node+MySQL的导航可视化系统webapp设计 报告+项目源码及数据库文件

---

目录基于Express+vue+高德地图API实现的出行可视化APP 11.项目简介 11.1技术栈 11.2功能模块 11.2.1个人出行 11.2.2公共交通 21.2.3历史列表 21.2.4我的信息（未完成） 22.项目构建 22.1前端 22.2后端 33.系统设计 33.1项目配置 33.2路由转发 43.3请求拦截器 53.4正则验证规则 54.项目运行 65.项目截图 6公共交通 7历史列表 8我的信息 96.小结 106.1项目简结 106.2过程总结 10i. 实时定位，绘制出行轨迹(悦跑圈，已完成) 10ii. 路线规划，规划路线绘制路径图(百度地图，已完成) 10iii. 网约车，快车，专车，顺风车在线叫车(滴滴出行，未完成) 10iv. 可视化分析，出行数据的可视化分析(已完成) 106.3难点总结 116.4补充 116.5更新 111.项目简介解决出行问题，用于出行行程记录，路线规划，数据可视化分析的移动端webapp1.1技术栈前端：移动端，vue全家桶，Mand组件库，Echarts.js，Scss后端：Node，Express框架，高德地图API数据库：Mysql1.2功能模块1.2.1个人出行用户个人出行，不确定路程、目的地等信息，选择出行工具，点击开始，系统实时监听用户手机位置得到WGS84经纬度坐标（w3c HTML5 Geolocation地理定位标准），行程结束，记录本次出行信息，经纬度坐标转换GCJ-02坐标体系，通过高德地图提供三方API绘制出行轨迹。1.2.2公共交通用户确定出发地、目的地、交通工具，选择公共交通出行，用户输入位置关键字，选择合适出发/目的位置，选择乘坐交通工具，规划出行路线，选择某一条路线，确定后点击保存上传本次出行记录