@bmapgl-plugin/cluster

简介

• 基于百度地图GL SDK，提供地图点数据聚合能力
• 支持将地理点数据按照距离进行聚合以及属性约束能力
• 支持将地理点数据按属性进行聚合
• 支持将地理点数据按地理围栏进行聚合
• 提供地图非聚合点和聚合点样式自定义能力
• 提供基础事件交互能力
• 支持聚合分散过程动画

下载安装

npm install @bmapgl-plugin/cluster

使用示例

// 引入
import Cluster from '@bmapgl-plugin/cluster';

// 创建地图
const map = new BMapGL.Map('container');
map.centerAndZoom(new BMapGL.Point(116.418, 39.918), 16);
map.enableScrollWheelZoom(true);

// 创建聚合对象
const cluster = new Cluster.View(map);
// 设置数据
const points: Cluster.TGeoPoints = [];
cluster.setData(points);
// 监听事件
cluster.on(Cluster.ClusterEvent.CLICK, (e: Cluster.ClusterElement) => {
    console.log('ClusterEvent.CLICK', e);
});
cluster.on(Cluster.ClusterEvent.MOUSE_OVER, (e: Cluster.ClusterElement) => {
    console.log('ClusterEvent.MOUSEOVER', e);
});
cluster.on(Cluster.ClusterEvent.MOUSE_OUT, (e: Cluster.ClusterElement) => {
    console.log('ClusterEvent.MOUSEOUT', e);
});

依赖

• 百度地图PC端GL SDK地图能力