打开图层3图标重叠撕裂

Question

我有一个矢量图层，其中包含大量紧密相关的数据，每个数据都以图标呈现。当使用任何类型/设计的图标在打开的图层3中渲染时，我经常会撕裂试图通过其他人的元素，我确信许多使用Open Layers的人会看到这种情况发生。

有没有办法解决这个问题？

我的代码非常标准：

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
});

显然，overlay，controls_list，interaction_list和OSM_raster也在某处定义，但我不认为它们与问题相关，所以我还没有包含它们。

我试图捕捉一个例子，它很难，因为它的间歇性，这显示大约5个图标正常重叠，但中间的一对正在相互撕裂：