老师，remove()无法起到作用
来源：5-4 自由编程
js_Cz
2019-11-01 22:22:58
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=e5defce83dba8635daca963d554fc5c3&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<style type="text/css">
*{margin: 0;padding: 0;list-style: none;}
#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#searchNode{background: white;position: absolute;right: 20px;top: 20px;}
</style>
<body>
<div id="container"></div>
<div id='searchNode'>
<input type="" name="" id='searchIpt'>
</div>
</body>
<script type="text/javascript">
var myMap = new AMap.Map('container',{
zoom:11,
center:[114.9,32]
});
myMap.setDefaultCursor('crosshair');
// var marker = new AMap.Marker({
// icon : 'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
// position : [114.9,32]
// });
// myMap.add(marker);
myMap.on('click',function(e){
// console.log(e);
var mki = new AMap.Icon({
image:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
size:new AMap.Size(53,68),
imageSize:new AMap.Size(53,68),
});
var marker = new AMap.Marker({
position:[e.lnglat.lng,e.lnglat.lat],
icon:mki,
});
myMap.remove(marker);
myMap.add(marker);
})
</script>
</html>
1回答
-
好帮手慕慕子
2019-11-02
同学你好， 因为在点击事件内部， 是对当前的标记点先删除然后在添加，所以是无法删除上一次添加的标记
建议修改： 在点击事件内部，创建新标记之前，将上一个标记remove了
另， 练习要求首次打开的时候，需要添加一个标记，然后需要将鼠标设置成小手状哦
同学可以自己下去在测试一下哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~~
0
相似问题