title: OpenLayers 3 Features Connected
body: <p>I am attempting to draw some circles on a map. I am creating the circles as features, then placing them in a layer. The issue I am having is that there is a line connecting each of the different features. What is causing the features to be connected?</p>
  
  <pre><code>// Generate some rings
  var radius = [1000, 2000];
  var features = [];
  for(var i = 0; i &lt; 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);
  </code></pre>
  
  <p>Edit: Here is a screenshot of what I am getting <a href="http://i.imgur.com/jV19gTJ.png" rel="nofollow">http://i.imgur.com/jV19gTJ.png</a></p>