145  
查询码:00000420
openlayers 点聚合
作者: 蔡斌瑞 于 2022年05月26日 发布在分类 / 人防组 / 人防前端 下,并于 2022年05月26日 编辑

前言


在地图中,当点要素非常多的时候,缩小地图,会非常的难看,所以需要进行聚合处理一下。



    //聚合
      _this.cluster = new ol.source.Cluster({
        source: _this.source,
        distance: 150, //像素
      });

      //绘制层
      _this.drawLayer = new ol.layer.Vector({
        title: "军标",
        source: _this.cluster,
      });

当zoom层级过大时,可以使用ol.source.Cluster对元素进行聚合处理



不过需要对地图缩放进行监听控制聚合的效果

  _this.map.getView().on("change:resolution", function (e) {
        ...
  });



 推荐知识

 历史版本

修改日期 修改人 备注
2022-05-26 18:34:36[当前版本] 蔡斌瑞 1

 附件

附件类型

PNGPNG

  目录
    知识分享平台 -V 4.8.7 -wcp