高德地图点聚合设置不同的非聚合点样式

initAMap() {
...
// 核心片段
      var markers = [];

      this.positions.map((item, index) => {
        let marker = new AMap.Marker({});
        marker.icon = item.icon;
        marker.lnglat = item.lnglat;
        markers.push(marker);
      });

      map.plugin(["AMap.MarkerClusterer"], function () {
        new AMap.MarkerClusterer(
          map, // 地图实例
          markers, // 海量点数据,数据中需包含经纬度信息字段 lnglat
          {
            styles: "",
            renderMarker: function (object) {
              let icon = new AMap.Icon({
                size: new AMap.Size(66, 80), // 图标尺寸
                image: require(`../assets/icons/svg/${object.data[0].icon}.png`), // Icon的图像
                imageSize: new AMap.Size(66, 80), // 根据所设置的大小拉伸或压缩图片
              });
              object.marker.setIcon(icon);
            },
          }
        );
      });
...
}


版权声明:本文为yuoun1原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。