fitBounds 没反应，视野停在原地

现象

单点时地图不动；多点时缩放级别异常小，整片区域缩成一个小点。 这两种表现都不报错。打印包围盒可以确认：

console.log(bounds.isValid());      // true
console.log(bounds.getSouthWest(), bounds.getNorthEast());
// LatLng {lat: 39.907, lng: 116.391} LatLng {lat: 39.907, lng: 116.391}   ← 两个角相同

原因

排查过程

打印包围盒的两个角、容器尺寸与当前缩放：

console.log('bounds', bounds.toBBoxString());
console.log('size', map.getSize());
console.log('zoom before', map.getZoom());

map.fitBounds(bounds);
console.log('zoom after', map.getZoom());

解决方案

单点不要用 fitBounds，直接 setView 到指定级别； 或者给包围盒人为加一个最小范围：

function focusPoint(latlng, zoom) {
  map.setView(latlng, zoom || 15, { animate: true });
}

// 或者把单点扩成一个小矩形
var pad = 0.002;
var box = L.latLngBounds(
  [latlng.lat - pad, latlng.lng - pad],
  [latlng.lat + pad, latlng.lng + pad]
);
map.fitBounds(box, { maxZoom: 16 });

多点时限制最大缩放，避免把范围缩得过小；同时给内边距，防止标记贴边：

var group = L.featureGroup(markers);
map.fitBounds(group.getBounds(), {
  padding: [40, 40],
  maxZoom: 16,
  animate: true
});

容器尺寸为 0 时先修尺寸，再调用。已经初始化过的地图，尺寸变化后要刷新：

if (map.getSize().y === 0) {
  map.invalidateSize();
}
map.fitBounds(bounds, { maxZoom: 16 });

需要平滑过渡时用 flyToBounds，并在动画结束后再执行下一次：

map.flyToBounds(bounds, {
  padding: [40, 40],
  maxZoom: 16,
  duration: 1.2
});
map.once('moveend', function () {
  console.log('最终级别', map.getZoom());
});

验证

单点调用后地图定位到该点，级别等于设定的值。 多点调用后所有标记都在视野内，四周有均匀留白。 getZoom() 不超过 maxZoom。