缩放到指定的标记react-native-maps

Question

react-native-maps文档中有一个部分用于缩放到标记数组,但是在docs或examples文件夹中没有关于如何执行此操作的代码示例(我可以找到)

谁能提供一个如何做到这一点的例子？

Answer 1

在MapView的组件文档,有几个方法:fitToElements,fitToSuppliedMarkers和fitToCoordinates.https://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

如果要在加载时在某些标记集上缩放地图,可以componentDidMount在初始渲染后使用放大:

class SomeView extends Component {
    constructor() {
      this.mapRef = null;
    }

    componentDidMount() {
      this.mapRef.fitToSuppliedMarkers(
        someArrayOfMarkers,
        false, // not animated
      );
    }

    render() {
      <MapView
        ref={(ref) => { this.mapRef = ref }}
      >
        { someArrayOfMarkers }
      </MapView>
    }
}