title: Openlayers 4.5 ImageVector points automatically clustering
body: <p>OL Version 4.5: <a href="https://jsfiddle.net/70kd51gh/1/" rel="nofollow noreferrer">https://jsfiddle.net/70kd51gh/1/</a>
  OL Version 4.0.1: <a href="https://jsfiddle.net/7zs5dqcm/2/" rel="nofollow noreferrer">https://jsfiddle.net/7zs5dqcm/2/</a></p>
  
  <p>The code in both jfiddles is exactly the same, the only difference is the OL version being used. For some reason, Version 4.5 is not allowing features to overlap each other, you can zoom in and out and watch them disappear. Version 4.0.1 everything works as expected. However, I cannot downgrade to 4.0.1 because of an unrelated bug that was fixed.</p>
  
  <p>The issue is specific to ol.layer.Image, as ol.layer.Vector allows overlapping. However, I need to use ol.source.ImageVector for performance reasons.</p>
  
  <p>Is there a workaround to allow the features to overlap each other?</p>
  
  <pre><code>var pointstyle = new ol.style.Style({
      image: new ol.style.Circle({
          radius: 7,
          fill: new ol.style.Fill({
              color: '#00ff00'
          }),
          stroke: new ol.style.Stroke({
              color: '#000',
              width: 1
          })
      })
  });
  
  
  var styleKeys = ['x', 'cross', 'star', 'triangle', 'square'];
  var count = 250;
  var features = new Array(count);
  var e = 4500000;
  for (var i = 0; i &lt; count; ++i) {
    var coordinates = [2 * e * Math.random() - e, 2 * e * Math.random() - e];
    features[i] = new ol.Feature(new ol.geom.Point(coordinates));
  }
  
  var source = new ol.source.Vector({
    features: features
  });
  
  var vectorLayer = new ol.layer.Image({
    source: new ol.source.ImageVector({source: source, style: pointstyle})
  });
  
  var map = new ol.Map({
    layers: [
      vectorLayer
    ],
    target: 'map',
    view: new ol.View({
      center: [0, 0],
      zoom: 2
    })
  });
  </code></pre>