地图始终位于搜索到的位置标记的中心，有人可以帮忙吗？

Question

[当我输入代码：region={this.props.region}时，它可以工作并将地图居中放置在搜索位置，但不允许在地图上选择其他标记...如果我取下此部分，它总是返回到搜索位置代码region={this.props.region}中，我可以选择其他标记，但是当我搜索其他位置时，相机不会移动到所选位置...在这种情况下如何进行？这是贝娄的一些代码：

<MapView
        provider="google"
        style={styles.map}
        //region={this.props.region}
        initialRegion={this.state.focusedlocation}
        ref={ref => (this.map = ref)}>
        {this.renderMarkers()}
        <MapView.Marker
          onPress={this.pickLocationHandler}
          coordinate={this.props.region}>
          <Image source={markerImage} style={styles.icon} />
        </MapView.Marker>
      </MapView>

以下是用于标记的动画代码：

 pickLocationHandler = event => {
const coords = event.nativeEvent.coordinate;
console.log('Location picker Marker', coords);
this.map.animateToRegion({
  ...this.state.focusedlocation,
  latitude: coords.latitude,
  longitude: coords.longitude,
  latitudeDelta: LATITUDE_DELTA,
  longitudeDelta: LONGITUDE_DELTA,
});

这里是博览会链接：Please OPEN this snack to entire ceode

Answer 1

region当您要控制地图的视口时使用。您可以使用animateCamera将地图移至您搜索的位置。

this.map.animateCamera({
  center: {latitude, longitude}
})