基于openlayer的小车运动轨迹动画

实现思路

v1利用原生requestAnimationFrame函数，利用ol自带的getCoordinateAt获取每个step的坐标，然后更新小车当前位置，并且push轨迹路线
v2利用turf的LineSliceAlong对轨迹进行增密，然后利用requestAnimationFrame绘制每一帧动画

存在问题

• 插值和节点没有做处理，使得拐点轨迹不好看
• 小车车头方向未做调整

mapbox实现轨迹

• 大家参照朋友利用mapbox和turf的LineSliceAlong对轨迹进行增密
• 掘金地址
• github地址

maptalks实现轨迹

• maptalks是我接触最早的一个开源二三维地图api
• line直接提供animateShow这个方法
• maptalks将line.animateShow()返回的对象作为player，所以可以直接执行pause,play等方法控制播放
• 小车经过摄像头时改变摄像头状态（计算小车到摄像头的距离，小于某个值，激活摄像头)

体验地址

• openlayer-v1版本
• openlayer-v2版本
• mapbox版本
• maptalks版本