具有不同图像颜色的开放层聚类

Question

所以基本上我有几百个包含几何的特征。我希望地图对不同颜色的点进行聚类。

这是功能和颜色：

//so both features and color contain several hundred of value
features.push(new ol.Feature(new ol.geom.Point([random_x, random_y])));
color.push(random_color)

然后，对于每个要素[i]，它应该以颜色[i]显示在地图上。 这是当前正在工作的代码，它只显示一种颜色，我应该如何更改让每个点显示自己的颜色并且仍然可以保持聚类功能？请帮忙。

var source = new ol.source.Vector({
features: features
});
var clusterSource = new ol.source.Cluster({
distance: 40,
source: source
});
var styleCache = {};
var clusters = new ol.layer.Vector({
name: 'clusterlayer',
source: clusterSource,
style: function(feature) {
var size = feature.get('features').length;
var style = styleCache[size];
if (!style) {
style = [new ol.style.Style({
image: new ol.style.Circle({
radius: 10,
fill: new ol.style.Fill({
color: '#000000'
})
}),
text: new ol.style.Text({
font: 'bolder',
text: size.toString(),
fill: new ol.style.Fill({
color: '#000000',
})
})
})];
styleCache[size] = style;
}
return style;
}
});
this.state.map.addLayer(clusters);

对于更高级的工作，我应该怎么说像红蓝圆点，聚类时，它会显示一个像绿色圆圈的东西，类似的东西。

Answer 1

你可以看看这个例子 http://viglino.github.io/ol-ext/examples/map/map.clustering.html。

圆圈根据其包含的内容进行切割以反映颜色。