电科智驭

人工智能 无人机 案例ID:189679
A QL
4 年经验· 北京飞利信电子技术有限公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

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

电科智驭

人工智能 · 无人机 案例ID:189679
联系该工程师
微信扫码,建群沟通
作者: A QL - 4年经验- 北京飞利信电子技术有限公司

案例介绍

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

相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×