title: Open Layers 3 Icon overlap tearing
body: <p>I have a vector layer with a lot of close together data, each rendered by an icon. When rendered in Open Layers 3 using icons of any type/design I often get tearing of elements trying to get through others, I'm sure many people using Open Layers will have seen this happen.</p>
  
  <p>Is there a way of solving this issue?</p>
  
  <p>My code is fairly standard:</p>
  
  <pre><code>var styleCache2 = {};
  var WFS_layer_Dangerous_Bends = new ol.layer.Vector({
  source : new ol.source.GeoJSON({
      projection : 'EPSG:3857',
      url : "Vector_Data/A_Vector_Data_Set.geojson"
  }),
  style : function(feature, resolution) {
  
      if (!styleCache2[path]) {
          styleCache2[path] = [new ol.style.Style({
              fill : new ol.style.Fill({
                  color : 'rgba(255, 255, 255, 0.1)'
              }),
              stroke : new ol.style.Stroke({
                  color : '#319FD3',
                  width : 1
              }),
              image: new ol.style.Icon(({
                      anchor: [x_anchor, y_anchor],
                      anchorXUnits: 'pixels',
                      anchorYUnits: 'pixels',
                      src: path
                  }))         
  
              }),
              zIndex : 1
          })];
      }
      return styleCache2[path];
  }
  });
  
  /*Creating the map object linked to the map selector/div in the HTML */
  map_object = new ol.Map({
  target: 'map',
  controls: controls_list,
  interactions: interactions_list,
  overlays: [overlay],
  layers: [OSM_raster, WFS_layer_Dangerous_Bends],
  view: view
  });
  </code></pre>
  
  <p>Obviously overlay, controls_list, interactions_list and the OSM_raster are defined somewhere too, but I don't think they're relevant to the question so I haven't included them.</p>
  
  <p>I tried to capture an example, it's quite difficult because its intermittent, this shows about 5 icons overlapping normally, but a couple in the middle are tearing through each other:</p>
  
  <p><img src="https://i.stack.imgur.com/YOtAT.png" alt="enter image description here"></p>