高德地图 删除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）的全部内容，希望文章能够帮你解决高德地图 删除marker（指定marker）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。