前端开发环境:Nodejs+webpack
前端技术支持:vue+vuex+sass+axios+echarts+dplayer+sass+LivePlayer+googlemaps+AmapApi
主要功能是在于为管理员提供可视化页面,以及监控飞机位置、任务、人员信息、飞行直播等。利用高德地图可视化Api显示无人机飞行历史、用户位置、配送员位置,在开发该模块时所面临得问题主要是飞机架次过多,内存占用较大,页面渲染较慢等,其解决方法是优化后端传入数据后利用Promise.all调用接口统一使用高德地图海量点ui渲染,并把地图从vm上摘除,挂载到window下,以此来减少内存开销。直播得实现是利用LivePlayer连接后端传传入得rtmp地址或者使用dplayer连接后端传入得http地址来进行播放,利用websocket技术来实时获取正在飞行得飞机信息,并利用googlemapApi画出航迹。在开发历史飞行回放时遇到了数据过多接口返回数据慢因而超时等问题,解决方法是分批次请求。