百度地图聚合点功能

接上一篇文章写到的百度地图基础功能, 本次聚合点功能基于上一篇的添加覆盖物, 不懂的可以先看看本人上一篇文章, 传送门2021-09-23 最全的百度地图API使用基础JS_m0_49031950的博客-CSDN博客1

1. 在引入百度地图的基础上, 再引入聚合点的包

<script type="text/javascript" src="https://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>

2.在覆盖物基础上, 添加聚合点代码

// 1.添加一个聚合点存放数组
var markersArr = []

this.setDate.map((item) => {
      marker = new BMapGL.Marker(new BMapGL.Point(经纬度1, 经纬度2, 经纬度3), {
      icon: myIcon,
      offset: { width: 0, height: 0 },
      });
      map.addOverla