老师,请问一下点击添加下一个标记,怎么删除下一个标记呢?
<!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>
正在回答
同学你好,可以使用remove方法移出标记。
将marker定义在点击事件外面,里面添加判断,如果有值就移除,如下:
祝学习愉快!
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星