老师帮忙看下限定范围 有点不知道怎么用
来源：3-12 自由编程
小鲜花
2019-12-18 09:07:50
<!DOCTYPE html>
<html>
<head>
<title>map</title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=f922466f2135d13c293dbb93cea260e4"></script>
<style type="text/css">
*{
margin: 0;
padding:0;
}
html,body{height: 100%;}
#container{width: 100%;height: 100%;/*margin: 300px auto 10px auto;*/}
.sousuo,.jibie,.xianzhi{position: absolute; left:3px;top:2px;z-index: 2;}
.jibie{top:30px; }
.xianzhi{top:60px; }
</style>
</head>
<body>
<div id="container">
<div class="sousuo">
<span>搜索城市：</span>
<input type="text" name="" class="input">
<button class="bt1">确定</button>
</div>
<div class="jibie">
<span>显示级别：</span>
<input type="text" name="" class="input2">
<button class="bt2">确定</button>
</div>
<button class="xianzhi">限制范围</button>
</div>
<script type="text/javascript">
var map=new AMap.Map('container');
//设置地图范围
var myBounds=new AMap.Bounds([116.567542,39.997639],[116.22422,39.813285]);
map.setBounds(myBounds);
//限定显示范围
var proBounds=getBounds();
map.setLimitBounds(proBounds);
var bt1=document.querySelector('.bt1'),
bt2=document.querySelector('.bt2'),
input1=document.querySelector('.input'),
input2=document.querySelector('.input2');
bt1.onclick=function(){
map.setCity(input1.value);
}
bt2.onclick=function(){
map.setZoom(input2.value);
}
</script>
</body>
</html>
1回答
-
同学你好，遇到效果出不来，可以看一下控制台（按F12）有没有报错，如下:
点击后面的文件名，会定位到有错误的代码：
发现getBounds没有通过map去调用，所以找不到这个方法。如下修改即可
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
1
相似问题