Zoom sur les marqueurs spécifiés réagissent-natif-cartes

Question

Il y a une section dans les documents react-native-maps pour zoomer sur un tableau de marqueurs, mais il n'y a pas d'exemples de code sur la façon de le faire dans les documents ou dans le dossier d'exemples (à partir de quoi Je peux trouver)

Quelqu'un peut-il fournir un exemple de la façon de procéder?

Answer 1

Dans la documentation des composants MapView, il existe plusieurs méthodes: fitToElements, fitToSuppliedMarkers et fitToCoordinates. https://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

Si vous souhaitez agrandir la carte sur une collection de marqueurs lors du chargement, vous pouvez utiliser componentDidMount pour effectuer un zoom avant après le rendu initial:

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