麻烦检查下

来源：5-4 自由编程

慕丝1342

2020-04-06 23:13:29

<!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=dcee67f573cdde2da470cffd5a66b429&plugin=AMap.Autocomplete,AMap.Marker"></script>

<style>
*{margin: 0;padding: 0; list-style: none;}
#container{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>

<div id="container"></div>


<script>
//1使用new AMap.Map()创建一个地图。
var map=new AMap.Map('container',{
//设置一个中心点和地图显示级别
zoom:11,
center:[116.5,39.8]
});

// 实列化marker对象,并标记中心点
//2.s使用AMap.Marker()方法在地图中心点添加一个标记
var marker=new AMap.Marker({
icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',//标记的图标
position:[116.5,39.8], //标记的坐标
offset:new AMap.Pixel(-30,10) //标记的偏差值
});

map.add(marker)
// marker.setMap(map);

//3. 使用setDefaultCursor方法为鼠标设置一个小手状的样式
map.setDefaultCursor('pointer');

map.on('click',function(e){
marker.setMap(null); //删除标记
// map.remove([marker]) //删除标记

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,-60) //标记的偏差值
});
marker.setMap(map);

})
</script>
</body>
</html>

写回答

1回答