Javascript OpenLayers 3功能已连接

我正试图在地图上画一些圆圈。我正在创建圆作为特征，然后将它们放置在一个层中。我遇到的问题是，有一条线连接每个不同的功能。是什么导致功能被连接

// Generate some rings
var radius = [1000, 2000];
var features = [];
for(var i = 0; i < radius.length; i++)
{
    features[i] = new ol.Feature( new ol.geom.Circle(center, radius[i] / ol.proj.METERS_PER_UNIT.m ) );
}

// Add features to new layer.
var layer = new ol.layer.Vector({
    source: new ol.source.Vector({
        features: features
    }),
    style: new ol.style.Style({
        stroke: new ol.style.Stroke({
            width: 1,
            color: [0, 0, 255, 1]
        })
    })
});
map.addLayer(layer);

//生成一些环
var半径=[10002000]；
var特征=[]；
对于（变量i=0；i

---

编辑：这是我得到的屏幕截图，您的代码对我来说运行良好，尽管我必须定义一个初始中心，我将其放置在[0,0]以匹配我为地图定义的视图。我还添加了一些ol.Map代码（您没有在Q中提供这一点，所以问题可能就在那里？）

我使用了以下HTML：

<div id="map" style="width: 100%; height: 500px"></div>

这个JavaScript：

var center = [0, 0];
var radius = [1000, 2000, 3000, 4000];
var features = [];
for(var i = 0; i < radius.length; i++)
{
    features[i] = new ol.Feature( new ol.geom.Circle(center, radius[i] / ol.proj.METERS_PER_UNIT.m ) );
}

// Add features to new layer.
var layer = new ol.layer.Vector({
    source: new ol.source.Vector({
        features: features
    }),
    style: new ol.style.Style({
        stroke: new ol.style.Stroke({
            width: 1,
            color: [0, 0, 255, 1]
        })
    })
});

var map = new ol.Map({
    layers: [
        new ol.layer.Tile({
            source: new ol.source.OSM()
        }),
        layer
    ],
    target: 'map',
    view: new ol.View({
        center: [0, 0],
        zoom: 10
    })
});

var中心=[0,0]；
变量半径=[1000200030004000]；
var特征=[]；
对于（变量i=0；i

连接圆的原因是openlayers中的一个bug。更新到最新版本更正了此问题。

能否添加连接线路的屏幕截图？你的代码基本上对我来说很好，尽管我做了一些调整。我将在下面粘贴我的版本，以防有帮助。我只是查看了你的s/shot，不清楚上面的代码为什么会导致这种情况。你能发布更多的代码吗？或者在plunkr或JSFIDLE中重新创建问题？@sifriday我刚刚在plunker上检查了它，但它没有连接线。问题是我有openlayers 3.15.0，而切换到3.2.1修复了这个问题。谢谢你的帮助。好极了，很高兴你修好了。我看到你把这个答案写在下面。。。在StackOverflow上，接受您自己的答案是可以的，事实上这是一件好事：它可以帮助其他人知道这个问题有一个成功的答案，所以我可以建议您继续并单击以接受它吗？