Openlayers使用反弹拟合范围

// 创建地图对象
var map = new ol.Map({
  target: 'map-container', // HTML页面中的地图容器元素ID
  layers: [
    // 创建图层对象并添加到地图中
    new ol.layer.Tile({
      source: new ol.source.OSM() // 使用OpenStreetMap作为图层数据源
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([0, 0]), // 地图中心点坐标
    zoom: 10 // 初始缩放级别
  })
});

// 创建要素集合
var features = new ol.Collection();

// 创建要素
var feature1 = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([10, 10])) // 要素的几何形状
});
var feature2 = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([20, 20]))
});

// 将要素添加到集合中
features.push(feature1);
features.push(feature2);

// 将要素集合传递给地图对象，自动计算最佳地图范围
map.getView().fit(features.getExtent(), {
  padding: [50, 50, 50, 50] // 可选参数，用于设置地图范围的边界填充
});