antv-l7/docs/api/layer/point_layer/cluster.zh.md

title	order
聚合图	5

使用

目前只有点数据支持聚类方法

数据聚合主要从数据层数据，因此需要在Source方法配置 cluster 参数

Source

source 文档

配置项

• cluster boolean 是否聚合
• clusterOption 聚合配置项
  • radius 聚合半径 number default 40
  • minZoom: 最小聚合缩放等级 number default 0
  • maxZoom: 最大聚合缩放等级 number default 16

数据聚合之后，数据会增加 point_count属性，在可视化渲染时可以根据 point_count进行数据映射。

方法

getClusters(zoom: number)

获取指定缩放等级的聚合数据

• zoom 缩放等级

getClustersLeaves(id: string)

根据id获取聚合节点的数据

• id 聚合数据id

layer.source(pointsData, {
          cluster: true,
        });

// 设置配置项
layer.source(pointsData, {
          cluster: true,
          clusterOption:{
            radius:40,
          }
        });

完整示例

const pointLayer = new PointLayer({})
        .source(pointsData, {
          cluster: true,
        })
        .shape('circle')
        .scale('point_count', {
          type: 'quantile',
        })
        .size('point_count', [5, 10, 15, 20, 25])
        // .size(10)
        .color('red')
        .style({
          opacity: 0.3,
          strokeWidth: 1,
        });