web-dev-qa-db-ja.com

指定したマーカーの反応ネイティブマップにズームします

マーカーの配列にズームするための react-native-maps ドキュメントにセクションがありますが、ドキュメントまたはサンプルフォルダー（これからのいずれか）にこれを行う方法のコード例はありません私は見つけることができます）

誰でもこれを行う方法の例を提供できますか？

google-mapsreactjsreact-nativemapsapple-maps
20
Luke Berry

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>
    }
}
27
Lokeh