老师 请指点
<!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>
正在回答
同学你好,是因为如下"Pixel"中首字母“P”应该大写。
另,建议:下次提问的时候,可以在第一次提问的时候,详细的描述下问题,且不需要将代码注释哦,便于更加快捷的为同学解决问题。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星