老师 请指点

老师 请指点

<!DOCTYPE html>

<html>

<head>

<title>,实现搜索城市 , 设置地图级别 ,控制地图显示范围 ,设置当前地图中心</title>


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


<style type="text/css">

*{

margin: 0;

padding:0;

}

         

         html,body{height: 100%;}

    #container{width: 100%;height: 100%;/*margin: 300px auto 10px auto;*/}

        .wrap{width: 300px;background-color: #fff;position: absolute;left:3px;top:2px;z-index: 2;}

        #list{width: 300px;background-color: #fff;height: 500px;}

</style>

</head>

<body>

<div id="container">

<div class="wrap">

<input type="text" name="" id="intext"><button id="btn">搜索</button>

  <ul id="list">

     


    </ul>

</div>

</div> 

   

<script type="text/javascript">

// 1.为地图任意设置一个中心点和地图显示级别 ,并在中心点添加一个标记。


// 2.为鼠标设置一个小手状的样式 。


// 3.为地图绑定点击事件 ,在点击的地方添加一个标记 ,同时要把之前的标记清除。


// ( 具体效果查看效果视频 ) 

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


      zoom:12,


      center:[116.379391,39.861536]


});


    var markerc=new AMap.Marker({

        icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',

    position:[116.379391,39.861536],

     })

   map.setMap([markerc]);


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

        map.remove([marker]);

    var 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(10,-10)

    });

  

  marker.setMap(map);

}) 


</script>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,是因为如下"Pixel"中首字母“P”应该大写。

http://img1.sycdn.imooc.com//climg/5dfad672096356b305280167.jpg

另,建议:下次提问的时候,可以在第一次提问的时候,详细的描述下问题,且不需要将代码注释哦,便于更加快捷的为同学解决问题。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

好帮手慕糖 2019-12-18 18:53:10

同学你好,代码中的问题如下:

1、如下,缺少逗号,例:

http://img1.sycdn.imooc.com//climg/5dfa0430098dcc8304920068.jpg

2、添加标记这里应该使用add方法,例:

http://img1.sycdn.imooc.com//climg/5dfa044609b18a6403560100.jpg

3、声明的变量是markerc,所以移出标记的时候也应该使用markerc,且再次设置标签的时候,还使用这个全局变量即可,不需要再次设置变量,例:

http://img1.sycdn.imooc.com//climg/5dfa048a091c639605360557.jpg

4、最后添加标记这个还应该使用add方法,且变量名错误,修改可以参考如下:

http://img1.sycdn.imooc.com//climg/5dfa04ea09f13a0303620493.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 小鲜花 #1
    offset:new AMap.pixel(-2,2)老师这个偏移量应该怎么设置 无论我设置多少 都找不到标记了
    2019-12-19 08:54:17
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师