如何使用React Native Map View将两个标记居中

时间:2019-05-26 09:39:57

标签: reactjs react-native-maps

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

人们通常如何将两个标记居中放置,以便您可以在地图上同时看到两个标记,而不管它们有多远。

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

1 个答案:

答案 0 :(得分:1)

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