javascript - map 框。通过单击集群获取点列表

Question

我使用 Mapbox GL JS，但遇到了集群问题。我添加一些图层我想通过单击集群来获取集群点列表。

map.on('click', function(e) {
    var cluster = map.queryRenderedFeatures(e.point, { layers: ["cluster"] });

    if (cluster.length) {
        // get clustered points here
        console.log(cluster[0]);
    }
});

jsfiddle 上的工作示例 https://jsfiddle.net/L3hm8rur/

Answer 1

Mabox GL JS 库现在支持该功能。

这是 API 文档 - https://www.mapbox.com/mapbox-gl-js/api/#geojsonsource#getclusterchildren

集群下如何获取积分？

map.on('click',/* cluster layer id */ 'clusters', function (e) {

  var features = map.queryRenderedFeatures(e.point, { layers: ['clusters'] });
  var clusterId = features[0].properties.cluster_id,
  point_count = features[0].properties.point_count,
  clusterSource = map.getSource(/* cluster layer data source id */'cluster-source');

  // Get Next level cluster Children
  // 
  clusterSource.getClusterChildren(clusterId, function(err, aFeatures){
    console.log('getClusterChildren', err, aFeatures);
  });

  // Get all points under a cluster
  clusterSource.getClusterLeaves(clusterId, point_count, 0, function(err, aFeatures){
    console.log('getClusterLeaves', err, aFeatures);
  })

});