我正在开发基于openlayer clustered features的聚集地图。我在用户单击群集时处理该事件但我无法获取用户单击的群集的属性。
我的问题:当用户点击群集时,如何枚举群集中的功能并访问其属性?
我的代码看起来像:
var source = new VectorSource({
features: features //here are my features
});
var clusterSource = new Cluster({
distance: 20,
source: source
});
var clusters = new VectorLayer({
source: clusterSource,
style: function(feature) { ... }
});
var raster = new TileLayer({
source: new OSM()
});
var map = new Map({
layers: [raster, clusters],
target: 'map',
view: new View({ center: [0, 0], zoom: 2})
});
map.on('click', function(event) {
map.forEachFeatureAtPixel(event.pixel, function(feature,layer) {
alert('found feature');
// here I am stuck. How can I access the properties in the features of the cluster ?
});
});
感谢mike,以下是有效的代码:
map.on('click', function(event) {
map.forEachFeatureAtPixel(event.pixel, function(feature,layer) {
alert('found feature');
var Clusters = feature.getProperties();
var NumberOfFeaturesInCluster = Clusters.features.length
//example of extracting and concatenating a property called 'name'
var listofnames = ''
for (i = 0; i < NumberOfFeaturesInCluster; i++) {
listofnames += ", " + Clusters.features[i].getProperties().name;
}
});
});