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);
},
}
);
});
...
}
高德地图点聚合设置不同的非聚合点样式
于 2022-07-08 16:46:32 首次发布