Leaflet地图首次加载时是否可以禁止自动变更缩放级别？

方法1：关闭图层自带的自动适配边界配置 #

绝大多数支持通过ID加载地图资源的Leaflet生态插件（如esri-leaflet、第三方瓦片/要素图层加载插件）都内置了是否自动执行边界适配的配置项，初始化时直接关闭即可从根源避免自动缩放：

// 以esri-leaflet加载要素图层为例
const featureLayer = L.esri.featureLayer({
  url: '你的地图服务地址',
  // 核心配置：禁用加载完成后自动调用fitBounds
  fitBounds: false
}).addTo(map);
// 直接设置你需要的初始视图参数即可
map.setView([纬度, 经度], 预设缩放等级);

如果是自行封装的ID加载逻辑，直接注释掉回调中执行fitBounds的代码段即可。

方法2：临时拦截fitBounds调用（通用兜底方案） #

如果你使用的插件未提供关闭自动适配的配置项，可以通过临时重写地图实例的fitBounds方法拦截自动调用，加载完成后恢复原生方法即可，完全不会出现视图跳变的问题：

// 先保存原生fitBounds方法
const originalFitBounds = map.fitBounds;
// 临时替换为空方法，拦截所有自动触发的调用
map.fitBounds = () => {};

// 执行你的通过ID加载地图的逻辑
loadMapById('目标地图ID', () => {
  // 地图资源加载完成后恢复原生fitBounds，不影响后续正常功能
  map.fitBounds = originalFitBounds;
  // 手动设置预设的初始视图
  map.setView([39.9042, 116.4074], 11);
});

方法3：监听前置事件阻止默认行为 #

部分插件会在触发自动适配边界前抛出对应前置事件，监听事件后调用preventDefault()即可阻止自动缩放：

targetLayer.on('beforeFitBounds', (e) => {
  e.preventDefault();
});

你可以根据你使用的加载插件的具体文档，查找对应的前置事件名称即可。

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