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版权协议,转载请附上原文出处链接和本声明。