Question

我的代码是这样的：

var circle = new ol.style.Circle({
                radius: 5,
                fill: null,
                stroke: new ol.style.Stroke({
                    color: 'rgba(255,0,0,0.9)',
                    width: 3
                })
            });
var circleFeature = new ol.Feature(circle);

我试过了

circle.setCoordinates([x,y]);

和

circleFeature.setCoordinates([x,y]);

但每次我都

Object不支持属性或方法'setCoordinates'。

我想我没有将setCoordinates应用于正确的对象。我需要使用Circl复制的示例代码或自己的应用程序只有一个LineString而不是Circle，但到目前为止我还没有找到如何将它与Circle一起使用。

Answer 1

应该是：

var circle = new ol.style.Style({
    image: new ol.style.Circle({
        radius: 5,
        fill: null,
        stroke: new ol.style.Stroke({
            color: 'rgba(255,0,0,0.9)',
            width: 3
        })
    })
});

var feature = new ol.Feature(
    new ol.geom.Point([0, 0])
);
feature.setStyle(circle);
vectorSource.addFeature(feature);

因此，您将一种样式应用于该功能，如果您想设置坐标，则可以使用：

feature.getGeometry().setCoordinates(coordinate);

A Fiddle demo

在打开的图层3中向矢量源添加圆圈

1 个答案: