老师 您好 帮我看看效果吧
来源:5-4 自由编程
小虾虾小
2019-10-31 10:11:23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自由编程5-4</title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=cae1f6c32cb63e91eaf620502db545a4&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: 34px;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new AMap.Map('container',{
zoom:10, //初始化地图的级别
center:[116.379391,39.861536] //初始化地图的中心点
});
var marker = new AMap.Marker({
icon : 'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
position : [116.379391,39.861536]
});
map.add([marker]);
map.setDefaultCursor('pointer');
map.on('click',function(e){
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]
});
map.add([marker]);
});
</script>
</body>
</html>
1回答
同学你好,
实现效果正确,很棒哦!
继续加油~
相似问题