如何使用搜索结果中的新区域更新 Mapview

Question

我希望 MapView 在用户从 GoogleAutoComplete 搜索位置后根据提供的数据（纬度、经度）显示或加载新区域。

我正在使用这个 airbnb 套餐 https://github.com/react-native-community/react-native-maps

我试过 onRegionChange，我没有找到实现此目的的正确函数。这是我的 Mapview

 <MapView
    provider={PROVIDER_GOOGLE} 
    style={style.map}
    region={{
        latitude: 37.78825,
        longitude: -122.4324,
        latitudeDelta: 0.015,
        longitudeDelta: 0.0121,
     }}
    >
</MapView>

用户点击结果后，地图应该移动到或显示该区域。

Answer 1

您应该使用初始区域创建一个状态

state = { 
   region: {
    latitude: 37.78825,
    longitude: -122.4324,
    latitudeDelta: 0.015,
    longitudeDelta: 0.0121,
 }
}

接下来，将其赋予 mapView 中的区域属性，并在搜索后更新区域状态

<MapView
provider={PROVIDER_GOOGLE} 
style={style.map}
region={this.state.region}
>
</MapView>

如何使用搜索结果中的新区域更新 Mapview

How to update the Mapview with new region from search result

react-native

react-native-maps