如何使用 React Native 地图视图将两个标记居中

Question

我在两个不同的坐标处得到了两个标记。

人们通常如何将两个标记居中，以便您可以在地图上同时看到两个标记，无论它们相距多远。

<MapView 
ref={ (map)=> this.map = map}
initialRegion={this.state.init} 
style={css.map}>    
    { this.state.marker1 !==0 && <MapView.Marker 
        coordinate={{
            'latitude':this.state.marker1.lat,
            'longitude':this.state.marker1.lng}}
        />}
    { this.state.marker2 !==0 && <MapView.Marker 
        coordinate={{
            'latitude':this.state.marker2.lat,
            'longitude':this.state.marker2.lng}}
        />}
</MapView>

Answer 1

您可以使用MapView的fitToSuppliedMarkers或fitToCoordinates方法。 https://github.com/react-native-community/react-native-maps/blob/master/docs/mapview.md

如何使用 React Native 地图视图将两个标记居中

How to center two markers with react native map view

reactjs

react-native-maps