怎么限制小程序地图可移动范围

小程序开发中，可以通过设置地图的边界来限制地图的可移动范围。具体步骤如下：

1. 获取地图对象，可以使用 `wx.createMapContext(mapId, this)` 方法获取地图对象，其中 `mapId` 是地图组件的 `id`，`this` 是当前页面实例。

2. 获取地图的大小和位置，可以使用 `wx.createSelectorQuery().select('#map').boundingClientRect()` 方法获取地图组件的大小和位置信息。

3. 计算出地图边界的经纬度范围，可以根据地图大小和位置信息，结合地图的缩放级别和中心点经纬度，计算出地图边界的经纬度范围。

4. 监听地图移动事件，可以使用 `mapContext.onRegionChange(callback)` 方法监听地图移动事件，在移动事件中判断地图是否越界，如果越界则将地图移动回边界内。

以下是示例代码：

// 获取地图对象
const mapContext = wx.createMapContext('map', this);

// 获取地图大小和位置
wx.createSelectorQuery().select('#map').boundingClientRect((rect) => {
  // 计算出地图边界的经纬度范围
  const scale = mapContext.getScale();
  const centerX = rect.width / 2;
  const centerY = rect.height / 2;
  const {longitude, latitude} = mapContext.getCenterLocation();
  const lngDelta = rect.width * scale / 2 / 1000 / 111.319;
  const latDelta = rect.height * scale / 2 / 1000 / 111.319;
  const minLongitude = longitude - lngDelta;
  const maxLongitude = longitude + lngDelta;
  const minLatitude = latitude - latDelta;
  const maxLatitude = latitude + latDelta;

  // 监听地图移动事件
  mapContext.onRegionChange((event) => {
    const {type, causer} = event;
    if (type === 'end' && causer !== 'scale') {
      const {longitude, latitude} = event;
      if (longitude < minLongitude || longitude > maxLongitude || latitude < minLatitude || latitude > maxLatitude) {
        // 将地图移动回边界内
        mapContext.moveToLocation({
          longitude: Math.max(Math.min(longitude, maxLongitude), minLongitude),
          latitude: Math.max(Math.min(latitude, maxLatitude), minLatitude),
        });
      }
    }
  });
}).exec();