縮放到指定的標記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>
    }
}