高德地图 删除marker（指定marker）

点击一个点位，生成一个marker

把所有点击过的点位，放入markerList数组

删除的时候，先清除所有marker,删除positionList数组里的某一项，再循环positionList把marker重绘出来

var positionList = [] // 经纬度数组
var markerList = [] // marker列表
var marker
// 初始化地图
var map = new AMap.Map("container");
// 地图绑定点击事件
map.on('click', function (e) {
let arr = [e.lnglat.getLng(), e.lnglat.getLat()];
AddPoint(arr)
positionList.push(arr)
});
// 添加点位
function AddPoint (arr) {
let index = 1 + markerList.length // 序号
var content = '<div class="marker-icon">' + index + '</div>'; // 自定义marker
marker = new AMap.Marker({
content: content,
position: arr,//位置
})
markerList.push(marker)
map.add(marker);//添加到地图
}
document.getElementById("del").onclick = clearMarker;
// 删除某点位,并重绘
function clearMarker () {
map.remove(markerList); // 删除所有点位
positionList.splice(1, 1);
for (var i = 0, marker; i < positionList.length; i++) {
let index = 1 + i // 序号
var content = '<div class="marker-icon">' + index + '</div>'; // 自定义marker
marker = new AMap.Marker({
content: content,
position: positionList[i]
});
map.add(marker);
markerList.push(marker);
}
}

最后

以上就是儒雅秋天最近收集整理的关于高德地图 删除marker（指定marker）的全部内容，更多相关高德地图内容请搜索靠谱客的其他文章。