点聚合

更新时间：2024年07月10日

简介

JSAPI GL用于展示海量点标记，将点标记按照距离、属性、地理围栏进行聚合，以提高地图绘制性能。
支持用户灵活自定义可视化样式。

默认点聚合

组合条件聚合

分类统计

DEMO详情

类参考

详见类参考

示例代码

1引入

// npm引入
import Cluster from '@bmapgl-plugin/cluster';
// CDN引入
<script src="//unpkg.com/@bmapgl-plugin/cluster"></script>

2默认聚合效果

const points = [
  {
      "type": "Feature",
      "properties": {
      },
      "geometry": {
        "coordinates": [
          116.38856190676842,
          39.909763838319805
        ],
        "type": "Point"
      }
    }
    ......
]
const cluster = new Cluster.View(map);
cluster.setData(points);
cluster.on(Cluster.ClusterEvent.CLICK, (e:Cluster.ClusterElement) => {
console.log('ClusterEvent.CLICK',e);
});
cluster.on(Cluster.ClusterEvent.MOUSE_OUT, (e: Cluster.ClusterElement) => {
  console.log('ClusterEvent.MOUSE_OUT', e);
});
cluster.on(Cluster.ClusterEvent.MOUSE_OVER, (e: Cluster.ClusterElement) => {
  console.log('ClusterEvent.MOUSE_OVER', e);
});
cluster.on(Cluster.ClusterEvent.CHANGE, (e: [any, any]) => {
  console.log('ClusterEvent.CHANGE', e);
});