如何在鼠标拖动过程中限制OpenLayers 5地图

var map = new ol.Map({
  // 地图初始化配置
});

var dragPanInteraction = new ol.interaction.DragPan({
  condition: function(event) {
    // 在此处添加限制条件
    return true; // 返回true允许拖动，返回false禁止拖动
  }
});

map.addInteraction(dragPanInteraction);

var extent = map.getView().calculateExtent(map.getSize());
var dragPanInteraction = new ol.interaction.DragPan({
  condition: function(event) {
    var map = event.map;
    var view = map.getView();
    var resolution = view.getResolution();
    var extent = view.calculateExtent(map.getSize());
    var mapPixel = map.getPixelFromCoordinate(event.coordinate);
    var deltaX = event.pixel[0] - mapPixel[0];
    var deltaY = event.pixel[1] - mapPixel[1];
    var offsetX = deltaX * resolution;
    var offsetY = deltaY * resolution;
    var newExtent = [
      extent[0] - offsetX,
      extent[1] - offsetY,
      extent[2] - offsetX,
      extent[3] - offsetY
    ];
    // 在此处判断拖动后的地图范围是否超出边界
    return ol.extent.containsExtent(maxExtent, newExtent);
  }
});

var minZoom = 5; // 最小缩放级别
var maxZoom = 10; // 最大缩放级别

var dragPanInteraction = new ol.interaction.DragPan({
  condition: function(event) {
    var map = event.map;
    var view = map.getView();
    var zoom = view.getZoom();
    // 在此处判断当前缩放级别是否在允许拖动的范围内
    return zoom >= minZoom && zoom <= maxZoom;
  }
});