指定されたマーカーにズームするreact-native-maps

Question

react-native-mapsドキュメントにマーカーの配列を拡大するセクションがありますが、これはドキュメントや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> 
    } 
}