在特定区域无法自动缩放到当前位置

Question

我正在使用react-native-maps，我一直在显示具有当前位置的地图，缩放级别对于某些位置看起来不错，对于某些位置，地图看起来很模糊。我尝试通过latitudeDelta链接计算longitudeDelta和this值，但是没有运气。如何在城市级别缩放地图？

这是我的代码

let region = {
  latitude: this.props.latitude,
  longitude: this.props.longitude,
  latitudeDelta: 0.0922,
  longitudeDelta: 0.0421
}; 


<MapView
  style={[styles.map, {flex: 3, height: deviceHeight / 50, width: deviceWidth}]}
  region={this.state.mapRegion}
  showsUserLocation={true}
  followUserLocation={true}
  initialRegion={this.state.initialRegion}
  onRegionChangeComplete={mapRegion => {
    this.updateAddress(mapRegion);
}}>
  <MapView.Marker
    coordinate={{
      latitude: this.state.mapRegion ? this.state.mapRegion.latitude : this.state.latitude,
      longitude: this.state.mapRegion ? this.state.mapRegion.longitude : this.state.longitude,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421
  }}>
    </MapView.Marker>
</MapView>

blurry map image

Answer 1

尝试使用可以帮助您的animateToRegion（）方法。

this.mapView.animateToRegion(initialRegion, 2000); // pass your region object as first parameter