请老师检查

来源:5-4 自由编程

木子小可爱

2019-10-09 20:25:29

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>map</title>

    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=a3327899d85e47c279c77b2eac04f0de&plugin=AMap.Autocomplete"></script> 

    <style>

     *{

     margin:0;padding:0;

     }

     #container{

     width:100%;

     height:100%;

     position:absolute;

     left:0;

     top:0;

     }

    </style>

    <body>

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

        <div id='box'>

            <input type='text' id='searchIpt'>

            <div id='searchNode'></div>

         </div>

   

        <script type='text/javascript'>

          

          var map=new AMap.Map('container',{

                zoom:10,

                center:[116.379391,39.861536],

             }); 

             //console.log(map.setDEfaultCursor)

             map.setDefaultCursor('webapi');

             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]

             });

             marker.setMap(map);

             map.on('click',function(e){

                //map.setMarker(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]

             })

                map.add([marker]);})

        </script>

    </body>


写回答

1回答

好帮手慕夭夭

2019-10-10

你好同学,效果实现的正确,很棒哦!

祝学习愉快,望采纳。

0

0 学习 · 6815 问题

查看课程

相似问题