小程序地图限制缩放范围及移动范围
时间: 2023-05-25 15:03:54 浏览: 477
限制地图的范围1
小程序地图组件提供了两个方法,可以限制缩放范围及移动范围:
1. `includePoints` 方法可以设置地图显示区域的边界,使地图在此范围内移动。
```
mapCtx.includePoints({
points: [{
latitude: 23.10229,
longitude: 113.3345211,
}, {
latitude: 23.21229,
longitude: 113.3245211,
}],
padding: [50, 50, 50, 50],
})
```
上述代码将地图显示区域的边界设置为以两个经纬度点为对角线的矩形区域,并且在此范围内移动地图后,地图视野将不会超出这个范围。
2. `getScale` 方法可以获取地图的缩放级别,可以通过判断当前的缩放级别来限制缩放范围。
```
mapCtx.getScale({
success: function(res) {
var scale = res.scale;
if (scale <= 16) {
// 缩放级别小于等于 16,禁止继续缩小
mapCtx.setScale({
scale: 16,
})
} else if (scale >= 18) {
// 缩放级别大于等于 18,禁止继续放大
mapCtx.setScale({
scale: 18,
})
}
}
})
```
上述代码获取当前地图的缩放级别,如果当前的缩放级别小于等于 16,那么禁止继续缩小;如果当前的缩放级别大于等于 18,那么禁止继续放大。这样就限制了地图的缩放范围。
阅读全文