Openlayers 3 OpenLayers3-分别为每个功能设置样式

我正在通过读取要素的WKT字符串向地图添加要素：

var feature = wkt.readFeature(entity.WellKnownText);
feature.bxObject = entity;
src.addFeature(feature);

每个要素都有一个bxObject属性，该属性包含“半径”属性

我为图层设置样式，向其中添加特征，如下所示：

var layer = new ol.layer.Vector({
    source: src,
    style: new ol.style.Style({
        image: new ol.style.Circle({
            radius: 6,
            stroke: new ol.style.Stroke({
                color: 'blue',
                width: 1
            }),
            fill: new ol.style.Fill({ color: [0, 0, 255, 0.1] })
        })
    })
});

我希望样式的“半径”属性是动态的。我所做的工作和解决方法如下：

var layer = new ol.layer.Vector({
    source: src,
    style: function (feature, resolution) {
        return [
            new ol.style.Style({
                image: new ol.style.Circle({
                    radius: feature.bxObject.radius || 6,
                    stroke: new ol.style.Stroke({
                        color: 'blue',
                        width: 1
                    }),
                    fill: new ol.style.Fill({ color: [0, 0, 255, 0.1] })
                })
            })
        ];
    }
});

但这会为每个功能创建一种新样式。。。我潜在地画了100个特征，我甚至有主观的观点，那就是它减慢了一切真的是这样吗？

我找到了这个。但我没有运气尝试用“${…}”插入。我猜这是openLayers 2的一个功能：

var layer = new ol.layer.Vector({
    source: src,
    style: new ol.style.Style({
        image: new ol.style.Circle({
            radius: "${bxObject.radius}",
            stroke: new ol.style.Stroke({
                color: 'blue',
                width: 1
            }),
            fill: new ol.style.Fill({ color: [0, 0, 255, 0.1] })
        })
    })
});

---

是的，这确实是一种方式，但您应该保留样式缓存，并在可能的情况下重复使用。例如，请参见：

非常感谢。我现在实现了缓存-插值功能会很棒。只要你添加选择和文本，你就有了每个功能（文本/半径）、每个缩放（因为我不想在所有缩放级别中显示文本）和每个状态（选择或不选择）的样式。这对我来说真的很糟糕。。。