全部服务产品
开发者频道
定价
登录

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
点聚合
更新时间:2024年07月10日
简介
JSAPI GL用于展示海量点标记,将点标记按照距离、属性、地理围栏进行聚合,以提高地图绘制性能。
支持用户灵活自定义可视化样式。
类参考
示例代码
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);
});
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消