老师请帮忙检查下，谢谢！

来源：3-12 自由编程

weixin_慕设计6449438

2019-06-05 17:17:12

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{background:black;}
#container {width:1000px; height: 1000px; margin:0 auto; position:relative;}
.box{width:350px; height:300px; border:1px solid black; position: absolute; top:10px; left:10px; z-index:5; background:white;}
.p1{margin-left:50px;}
.p2{margin-left:20px;}
#btn1,#btn2{background:blue; color:white; border:none; width:50px; height:30px; cursor:pointer;}
#btn3,h2 {margin-left:120px; cursor:pointer;}
.content{width:250px; height:30px; color:darkred; font-size:13px; position: absolute; right:0; bottom:0;}
#cityname{display:inline-block;}
</style>

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=3a298a1ee7f05d8312a666dbcdf33fb2"></script>
</head>
<body>
<div id="container">
<div class="box">
<h2>工具栏</h2>
<p class="p1">搜索城市<input type="text" id="city" /> <button value="确定" id="btn1">确定</button></p>
<p class="p2">设置显示级别<input type="text" id="level" /> <button value="确定" id="btn2">确定</button></p>
<button value="限制地图范围" id="btn3">限制地图范围</button>
<div class="content">当前所在的直辖市是：<span id="cityname">长沙</span></div>
</div>
</div>

<script type="text/javascript">
var mymap= new AMap.Map('container',{
});
onoff=true;
//设置地图显示范围为北京
var bounds=new AMap.Bounds([116.22422,39.813285],[116.567542,39.997639]);
mymap.setBounds(bounds);

//城市转换
btn1.onclick=function(){
mymap.setCity(city.value);
};

//级别设置
btn2.onclick=function(){
mymap.setZoom(level.value);
};

//地图范围限制
btn3.onclick=function(){
onoff=!onoff;
if(onoff==false){
mymap.setLimitBounds(bounds);
btn3.innerHTML='解除地图范围设置';
} else{
mymap.clearLimitBounds();
btn3.innerHTML='限制地图范围';
}
};

//点击位置设为中心点
mymap.on('click',function(e){
mymap.setCenter([e.lnglat.lng,e.lnglat.lat]);
});

//鼠标移动显示直辖市
mymap.on('moveend',function(e){
//console.log(1);
mymap.getCity(function(info){
cityname.innerHTML=info.province;
});
});
</script>
</body>
</html>