uniapp中map的setBoundary方法如何使用

在uniapp中，使用高德地图需要引入uni-amap组件库。setBoundary方法用于设置地图显示区域的边界，可以限制地图的显示范围。具体使用方法如下：

1. 在template中引入uni-amap组件库

<template>
  <view>
    <uni-amap :id="mapId"></uni-amap>
  </view>
</template>

2. 在script中引入uni-amap组件库

import uniAmap from '@/uni_modules/uni-amap/components/uni-amap/uni-amap.vue';

3. 在mounted生命周期中初始化地图并设置边界

mounted() {
  this.mapId = 'map';
  this.$nextTick(() => {
    // 初始化地图
    this.map = new AMap.Map(this.mapId, {
      zoom: 12,
      center: [116.397428, 39.90923]
    });
    // 设置地图边界
    const southwest = new AMap.LngLat(116.265625, 39.846191);
    const northeast = new AMap.LngLat(116.484375, 39.941824);
    const bounds = new AMap.Bounds(southwest, northeast);
    this.map.setLimitBounds(bounds);
  });
}

在以上代码中，首先创建一个地图实例，然后创建一个边界对象，通过setLimitBounds方法设置地图的边界。其中southwest和northeast分别是西南角和东北角的经纬度坐标。

注意：在使用setBoundary方法之前，需要先引入AMap.Bounds类，可以在mounted生命周期中引入：

mounted() {
  this.$nextTick(() => {
    AMap.plugin('AMap.Bounds', () => {});
  });
}