Как оживить значок vechile между каналами в открытых слоях 3

Question

Мне нужно руководство по анимации значка автомобиля между ниже заданными координатами, начиная с первой точки. Я использую ниже код и данные, но не могу получить желаемый результат.

var dataSource1 = [{ 
    "title": 'Duero', 
    "lat": 28.631429, 
    "lng": 77.216585, 
    "description": 'This is Duero' 
}, { 
    "title": 'Reyes Catolicos', 
    "lat": 28.629364, 
    "lng": 77.211872, 
    "description": 'This is Reyes Catolicos' 
}, { 
    "title": 'Guadarrama', 
    "lat": 28.623032, 
    "lng": 77.197852, 
    "description": 'This is Guadarrama' 
}]; 

    var iconGeometry = ol.proj.transform([centerPosition.lng, centerPosition.lat], 'EPSG:4326', 'EPSG:3857') 

     var iconFeature = new ol.Feature({ 
      geometry: iconGeometry 
     }); 

     iconFeature.setStyle(vehicleStyle); 
     //var marker = $scope.createMarker(ol.proj.transform([centerPosition.lng, centerPosition.lat], 'EPSG:4326', 'EPSG:3857'), vehicleStyle); 

     mapVectorSource.addFeature(iconFeature); 

     var markers = []; 
     angular.forEach($scope.dataPoints, function (value, key) { 
      markers.push({ x: value.lat, y: value.lng }); 
     }); 

     var i = 0, interval; 
     interval = setInterval(function() { 
      if (i == markers.length) { 
       i = 0; 
      } 

      iconGeometry.setCoordinates(new ol.geom.Point([markers[i].y, markers[i].x])); 

      i++; 
     }, 2000); 

Answer 1

Я бы порекомендовал вам сделать анимацию в postcompose события, как в этом примере: http://openlayers.org/en/master/examples/feature-move-animation.html