React Native中如何通过@rnmapbox/maps的mapViewRef或cameraRef获取MapState（含俯仰角与旋转角）

嘿，我之前刚好踩过这个坑！你已经离答案很近了——其实mapViewRef本身就提供了获取俯仰角（pitch）和旋转角（在Mapbox的术语里这个叫bearing，也就是你要的rotation）的方法，不用额外绕路。

直接给你修改后的代码片段，把你困惑的部分补上：

useEffect(() => {
  if (!mapViewRef.current) return;
  
  const center = mapViewRef.current.getCenter();
  const zoom = mapViewRef.current.getZoom();
  const pitch = mapViewRef.current.getPitch(); // 获取俯仰角
  const rotation = mapViewRef.current.getBearing(); // 获取旋转角（Mapbox中称为bearing）
  
  console.log('当前地图状态：', { center, zoom, pitch, rotation });
}, [mapViewRef]);

另外如果你想用cameraRef来获取完整的MapState，也是可以的：通过cameraRef.current.getCamera()能拿到包含所有参数的Camera对象，里面直接包含你需要的所有属性：

useEffect(() => {
  if (!cameraRef.current) return;
  
  const cameraState = cameraRef.current.getCamera();
  const center = cameraState.center;
  const zoom = cameraState.zoom;
  const pitch = cameraState.pitch;
  const rotation = cameraState.bearing;
  
  console.log('当前相机状态：', { center, zoom, pitch, rotation });
}, [cameraRef]);

这里要提个小细节：如果你是需要实时监听地图状态变化，onCameraChanged监听还是更靠谱的；但如果只是在特定时机（比如组件挂载、用户点击某个按钮）一次性获取当前状态，用ref的方法完全够用，代码也更简洁。

内容来源于stack exchange