如何通过React Ref获取React-Native Maps Marker的坐标？

方案一：维护状态同步坐标（推荐，稳定可靠） #

既然Marker是可拖拽的，最稳妥的方式是把坐标存在组件state里，通过Marker的拖拽事件更新state，这样在任意类方法里都能直接读取最新坐标，不用依赖ref：

1. 在构造函数中初始化状态和ref：

constructor(props) {
  super(props);
  this.state = {
    markerCoordinate: { latitude: 37.78825, longitude: -122.4324 } // 替换为你的初始坐标
  };
  this.markerRef = React.createRef();
}

2. 渲染Marker时绑定拖拽结束事件更新状态：

render() {
  return (
    <MapView>
      <Marker
        ref={this.markerRef}
        coordinate={this.state.markerCoordinate}
        draggable
        onDragEnd={(e) => {
          this.setState({ markerCoordinate: e.nativeEvent.coordinate });
        }}
      />
    </MapView>
  );
}

3. 在其他类方法中直接读取状态：

someCustomMethod() {
  const { latitude, longitude } = this.state.markerCoordinate;
  console.log('当前Marker坐标：', latitude, longitude);
  // 在这里使用经纬度做后续操作
}

方案二：通过Ref直接调用内部方法（依赖组件实现，需注意版本兼容性） #

如果你确实不想通过拖拽事件维护状态，可以尝试调用Marker ref实例的getCoordinate()方法（react-native-maps组件内部提供的方法，iOS/Android均支持）：

someCustomMethod() {
  if (this.markerRef.current) {
    const currentCoordinate = this.markerRef.current.getCoordinate();
    console.log('当前Marker坐标：', currentCoordinate.latitude, currentCoordinate.longitude);
  }
}

注意：这个方法属于组件内部未完全公开的API，react-native-maps版本更新可能会导致方法变更，因此优先推荐方案一。

内容的提问来源于stack exchange，提问作者Béci Roboz