openlayers 3 实现车辆轨迹回放

先上效果：

利用 openlayers 3地图的 postcompose 事件监听地图的重绘

我的这篇文章没有说的清楚，以防我的这篇文章有误导的问题，建议结合参考官方示例，https://openlayers.org/en/latest/examples/feature-move-animation.html

注意：此代码是我在Vue 的methods 里面写的测试方法，并不能直接运行，请在理解的基础上测试。
vm 为vue的this对象

实现代码：
html：

	<div id="menu">
            <label for="speed" style="font-weight: bold;">
                运动速度:&nbsp;
                <input id="speed" type="range" min="1" max="20" step="1" value="10" />
            </label>
            <button id="start-animation">
                开始运动
            </button>
     </div>
     <!-- 注：此代码仅为上面速度条和按钮-->

核心代码:

startMove:function () {
   
                var vm=this;
                var map=vm.map;
                vm.clearOverlayers("beijing_sq");

                //中间站
                var stops=[
                    [12909554.6597,4933234.84552],   //14
                    [12909824.6852,4931594.7854],    //43
                    [12910026.8837,4930523.89946],   //63
                    [12910870.563,4929357.26511]     //85
                ];

                var stopMakers = new Array();

                for(var i=0;i<4;i++){
   
                    var s = new ol.Feature({
   
                        type: 'stop',
                        geometry: new ol.geom.Point(stops[i])
                    });
                    stopMakers.push(s);
                }


                var Coordinates=vm.path;

                //将离散点构建成一条折线
                var route = new ol.geom.LineString(Coordinates);
                //获取直线的坐标
                var routeCoords = route.getCoordinates();
                var routeLength = routeCoords.length;

                var routeFeature = new ol.Feature({
   
                    type: 'route',
                    geometry: route
                });
                var geoMarker = new ol.Feature({
   
                    type: 'geoMarker',
                    geometry: new ol.geom.Point(routeCoords[0])
                });
                var startMarker = new ol.Feature({
   
                    type: 'icon',
                    geometry: new ol.geom.Point(routeCoords[0])
                });
                var endMarker = new ol.Feature({
   
                    type: 'icon',
                    geometry: new ol.geom.Point(routeCoords[routeLength -