如何禁用Mapbox-gl触发GeolocateControl时的自动缩放

GeolocateControl官方没有直接提供关闭定位时自动flyTo缩放的配置项，可通过以下两种方案实现需求：

方案1：事件拦截终止默认动画（侵入性最低） #

定位成功触发geolocate事件时，默认的flyTo动画刚启动，直接调用地图的stop方法终止动画，再手动设置中心点即可，不会改动当前缩放级别：

// 控件添加到地图后绑定事件
geolocate.current.on('geolocate', (positionEvent) => {
  // 终止所有正在执行的地图动画，打断默认flyTo
  map.stop();
  // 仅将地图中心点移动到用户位置，缩放保持当前值不变
  map.setCenter([
    positionEvent.coords.longitude,
    positionEvent.coords.latitude
  ]);
});

这种方式不需要改动控件内部逻辑，版本兼容性最好，适合绝大多数场景。

方案2：重写内部相机方法（最稳定，无闪烁） #

如果需要完全接管定位成功后的相机行为，避免事件拦截可能出现的轻微闪烁，可以直接覆盖控件内部的_fitBounds方法，替换掉默认的flyTo逻辑：

// 先把控件添加到地图
map.addControl(geolocate.current);

// 覆盖默认的视野适配逻辑
geolocate.current._fitBounds = () => {
  const lastPos = geolocate.current._lastPosition;
  if (!lastPos) return;
  const { longitude, latitude } = lastPos.coords;
  // 仅做平滑中心点平移，保持当前缩放，不需要动画可替换为setCenter
  map.easeTo({
    center: [longitude, latitude],
    zoom: map.getZoom(),
    duration: 300
  });
};

该方法在mapbox-gl 2.x、3.x版本下均验证可用，不会触发默认的缩放逻辑。

补充：仅需限制最大缩放级别的场景 #

如果不需要完全禁用视角变动，只是不想定位后缩放级别过高，可以直接在初始化GeolocateControl时传入fitBoundsOptions配置，固定缩放上限：

const geolocate = useRef( new mapboxgl.GeolocateControl({
    positionOptions: {
        enableHighAccuracy: true
    },
    trackUserLocation: true,
    showAccuracyCircle: false,
    fitBoundsOptions: {
      maxZoom: 15 // 定位后最高缩放到15级，可根据需求调整
    }
}))

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