Question

使用OpenLayers 3（v3.18.2）在ol.layer.VectorTile图层渲染时，有没有办法避免cropped point styles？

以下是该示例的相关代码：

layer = new ol.layer.VectorTile({
    source: new ol.source.VectorTile({
        url: 'http://localhost:8181/schools/{z}/{x}/{y}.pbf',
        format: new ol.format.MVT(),
        tileGrid: ol.tilegrid.createXYZ({maxZoom: 22}),
        tilePixelRatio: 16
    }),
    style: function(feature) {
        return new ol.style.Style({
            image: new ol.style.Circle({
                fill: new ol.style.Fill({
                    color: 'rgba(105, 105, 105, 1.0)'
                }),
                stroke: new ol.style.Stroke({
                    width: 1,
                    color: 'rgba(105, 105, 105, 0.3)'
                }),
                radius: 7
            }),
            text: new ol.style.Text({
                color: '#FFFFFF',
                fontFamily: 'Calibri,sans-serif',
                fontSize: 12,
                text: feature.get("count").toString(),
                labelYOffset: -12
            })
        });
    }
});
map.addLayer(layer);

Answer 1

您必须以不同方式生成矢量切片，即使用缓冲区，因此您的切片还包括来自相邻切片的附近点。

OpenLayers 3中的样式矢量切片图层点要素被裁剪

1 个答案: