老师,请检查

来源：5-4 自由编程

weibo_执著的弧线_0

2019-10-20 18:07:18

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>添加标记</title>
   <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=fa587136f2f835dda3a721ac96f1274e&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
   <style>
      *{
         margin: 0;
         padding: 0;
         list-style: none;}
      #content{
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
      }
      /*设置标记图标大小*/
 .amap-icon img{
         width: 20px;
         height: 30px;
      }
   </style>
</head>
<body>
   <div id="content">
      <div id="ctrPanel"></div>
   </div>
   <script type="text/javascript">
      var map = new AMap.Map('content',{
         center:[121.4997169,31.2396588],
         zoom:14
 });
      map.setDefaultCursor = 'pointer';
      var marker = new AMap.Marker({
         icon:' https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',//标记图标地址
 position:[121.4997169,31.2396588],//标记的坐标
 offset:new AMap.Pixel(-5,-20)//像素的偏差值
 });
      marker.setMap(map);

      map.on('click',function (e) {
         if (marker) {
            map.remove(marker)
         }
         marker = new AMap.Marker({
            position: [e.lnglat.lng, e.lnglat.lat], 
         });
         map.add(marker);
      })
   </script>
</body>
</html>

写回答

1回答