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

时间:2015-06-01 15:17:13

标签: javascript openlayers-3

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

而不是使用circle:

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

我想使用矢量要素(标记)作为移动的对象而不是使用该黄色圆圈。

此处可以找到使用特征向量的示例:

how to add markers with OpenLayers 3

对不起,只是OpenLayers的初学者3.希望有人可以帮助我。谢谢!

1 个答案:

答案 0 :(得分:2)

我已经让你a basic example

这个想法是:你使用一个间隔通过路径移动叠加来改变它的位置,如:

$('#smile').popup({
    inline: true,
    hoverable: true, 
    position: 'top left'
});