老师检查一下
来源：5-4 自由编程
慕斯卡3605978
2020-06-30 18:01:09
<!DOCTYPE html>
<html>
<head>
<title>我的第一个地图</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=3bc10fa80d2612efad6d45019651e498"></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: 34px;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
//创建地图
var map = new AMap.Map('container',{
zoom:12,
center:[120,29]
});
//创建中心点标记
var markerCenter = new AMap.Marker({
icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
position:[120,29]
});
map.add([markerCenter]);
var mark = null;
//为鼠标设置样式
map.setDefaultCursor('pointer');
//地图的点击事件
map.on('click',function(e){
if(mark) map.remove([mark]);
mark = 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]
});
map.add([mark]);
});
</script>
</body>
</html>
1回答
-
同学你好，如下所示，添加新的标记后，没有清除第一次添加的标记
建议修改：添加一个判断，清除第一次的标记
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
