老师，请问一下点击添加下一个标记，怎么删除下一个标记呢？
来源：5-4 自由编程
慕虎0371676
2021-05-19 23:13:21
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=604633d9f1129aae736ee2ed7fd9bdd5&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<style type="text/css">
*{
margin:0,
padding:0;
}
#container{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.amap-icon img{
width:25px;
height:25px;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map=new AMap.Map('container',{
zoom:10,
center:[100.371397,30.456231]
});
// var marker1=new AMap.Marker({
// icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
// position:[100.371397,30.456231], //标记的位置
// // offset:new AMap.Pixel(-25,-25) //标记的偏离
// });
// map.setDefaultCursor('pointer');
map.on('click',function(e){
console.log(e);
var marker=new AMap.Marker({
icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
position:[e.lnglat.lng,e.lnglat.lat], //标记的位置
// offset:new AMap.Pixel(-25,-25) //标记的偏离
});
marker.setMap(map);
// map.remove([marker1]);
});
</script>
</body>
</html>
1回答
-
同学你好，可以使用remove方法移出标记。
将marker定义在点击事件外面，里面添加判断，如果有值就移除，如下：
祝学习愉快！
0
相似问题