Openlayers 3 开放层3图标重叠撕裂

Openlayers 3 开放层3图标重叠撕裂,openlayers-3,Openlayers 3,我有一个向量层,有很多紧密相连的数据,每个数据都由一个图标渲染。当使用任何类型/设计的图标在OpenLayer3中渲染时,我经常会看到试图穿透其他图标的元素撕裂,我相信许多使用OpenLayers的人都会看到这种情况 有没有办法解决这个问题 我的代码相当标准: var styleCache2 = {}; var WFS_layer_Dangerous_Bends = new ol.layer.Vector({ source : new ol.source.GeoJSON({ projec

我有一个向量层,有很多紧密相连的数据,每个数据都由一个图标渲染。当使用任何类型/设计的图标在OpenLayer3中渲染时,我经常会看到试图穿透其他图标的元素撕裂,我相信许多使用OpenLayers的人都会看到这种情况

有没有办法解决这个问题

我的代码相当标准:

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
});
显然,重叠、控件列表、交互列表和OSM光栅也在某个地方定义,但我认为它们与问题无关,所以我没有将它们包括在内

我试图捕捉一个例子,这是很困难的,因为它是间歇性的,这表明大约5个图标重叠正常,但中间的一对正在互相撕裂:


你能在图片上添加一个例子吗?我添加了一张图片。抱歉,直到现在我才知道这是可以做到的。嗨,我星期二第一次做OL3项目。因此,如果您以前没有解决问题,我将稍后返回。