Leaflet地图调整缩放至指定边界时如何设置自定义缩放参数？

Leaflet fitBounds自定义缩放配置方法 #

首先修正你代码中的语法错误：你当前在options对象内的注释打断了属性定义，会导致语法不生效。

你可以通过以下两种方式实现自定义缩放配置：

• 方案1：限制fitBounds的自动缩放范围
  Leaflet的fitBounds方法原生支持在options参数中传入maxZoom/minZoom属性，限制自动计算缩放级别的上下限，避免边界过小时地图放大倍数过高、或边界过大时缩小倍数过低：

map.setMaxBounds(map.getBounds());
let mapBounds = L.latLngBounds([
    [16.3980555556, -26.63],
    [5.31277777778, -28.1236111111],
]);
// 示例：保留100px边距，同时限制最大缩放不超过10级、最小缩放不低于5级
map.fitBounds(mapBounds, {
    padding: [100,100],
    maxZoom: 10,
    minZoom: 5
});

• 方案2：强制固定缩放级别
  如果你不需要fitBounds自动计算缩放，想固定使用指定的缩放等级，可以先调用fitBounds将地图中心点对齐到目标边界，再手动设置缩放等级，关闭fitBounds的动画可避免视觉跳动：

map.setMaxBounds(map.getBounds());
let mapBounds = L.latLngBounds([
    [16.3980555556, -26.63],
    [5.31277777778, -28.1236111111],
]);
map.fitBounds(mapBounds, {
    padding: [100,100],
    animate: false // 关闭移动动画避免跳动
});
// 自定义设置缩放级别为8
map.setZoom(8);

注意：如果两种方案同时使用，setZoom的优先级高于fitBounds的max/minZoom配置

内容的提问来源于stack exchange，提问作者Samira