如何在OpenLayers 3中动态移动矢量要素

Question

根据此处给出的示例： http : //openlayers.org/en/vector-api/examples/dynamic-data.html?q=dynamic

而不是使用圆：

var imageStyle = new ol.style.Circle({
    radius: 5,
    fill: new ol.style.Fill({color: 'yellow'}),
    stroke: new ol.style.Stroke({color: 'red', width: 1})
});

我想使用矢量特征（标记）作为正在移动的对象，而不是使用该黄色圆圈。

在此处找到使用特征向量的示例：

如何添加标记物的OpenLayers 3

抱歉，只是OpenLayers 3的初学者。希望有人可以帮助我。 谢谢！

Answer 1

我给你做了一个基本的例子 。

这个想法是：您可以使用间隔在路径上移动叠加层，以更改其位置，例如：

//fire the animation
map.once('postcompose', function(event) {
    interval = setInterval(animation, 500);
});

var i = 0, interval;
var animation = function(){

    if(i == path.length){
        i = 0;
    }

    marker.setPosition(path[i]);
    i++;
};