reactjs 如何使用react原生Map视图将两个标记居中

gkn4icbw  于 2022-12-26  发布在  React
关注(0)|答案(3)|浏览(138)

我在两个不同的坐标找到两个标记。
人们通常如何将两个标记居中,以便您可以在Map上同时看到两个标记,而不管它们有多远。

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

piah890a2#

对于像我这样遇到这个问题的人来说,你需要的是来自MapView的fitToSuppliedMarkers和来自Marker的identifiershttps://github.com/react-native-maps/react-native-maps/blob/master/example/src/examples/FitToSuppliedMarkers.tsx

yzxexxkh

yzxexxkh3#

如果您需要在ComponentDidMount中使用此功能,请确保将其设置为超时,否则将导致性能问题。注意edgePadding仅适用于Google Maps https://github.com/react-native-maps/react-native-maps/blob/master/docs/mapview.md

相关问题