老师 您好 帮我看看效果吧

来源: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回答

好帮手慕星星

2019-10-31

同学你好,

实现效果正确,很棒哦!

继续加油~

0

0 学习 · 6815 问题

查看课程