AI
产品服务
解决方案
文档与支持
定价
更新时间: 2026/03/19 17:11
点聚合
简介

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);
});

上一篇

智能停车位图层

下一篇

轨迹

本篇文章对您是否有帮助?