该委托的功能开发,满足功能要求即可,不必考虑UI层面的内容
操作逻辑:
● 用户选择开始时间与结束时间
● 输入船舶的编号
● 输入第二条船舶编号(可选)
● 输入第三条船舶编号(可选)
● 输入第N条船舶编号(可选)
● 点击回放按钮,轨迹开始回放
功能要求:
- 轨迹样式为仅展示驶过线
参考高德示例:
https://lbs.amap.com/demo/amap-ui/demos/amap-ui-pathsimplifier/only-passed - 可同时回放多条船舶轨迹
页面通过文本输入框与添加按钮,可添加逐一船舶, - 点击回放按钮后,以被添加的船舶开始轨迹回放
- 回放过程的动效要求
● 回放是速度以时间为标尺反应回放的速度,即每两个坐标间的回放速度是变化。
● 不同船舶的轨迹点的时间标签,是不一定同步的,即每条船舶的回放速度应分别计算
● 选定的时间范围内的轨迹点后,第一轨迹点的时间标签,不一定与选择的开始时间一致,在播放过程中,要体现出这段时间是停止的
● 轨迹的回放要与现实是相符的,什么时间行驶到了那个位置,在动画上就行驶到了那个位置 - 设置播放进度条滑块,可快速拖动到指定时间点
- 设置“暂停”、“恢复”、“播放”、”停止”、“快进”、“慢进”、“后退”控制按钮
技术栈要求: - 地图采用高德地图
- 框架采用VUE2.0
- 组件库采用饿了么UI
- 采用单页面开发方式,以CND方式引入VUE与ElementUI