React-native-maps限制了平移区域

Question

有没有办法将地图限制在特定区域，以便在该区域内包含平移和缩放，并锁定外部的所有内容？ 我想限制用户在地图上可以看到的区域。 我通过react-native-maps使用谷歌地图https://github.com/react-community/react-native-maps

这是我的代码，目前没有限制你可以缩放多远或者可以平移到任何一方

    <View style={styles.container}>
        <MapView style={styles.map}
          provider= { PROVIDER_GOOGLE }
          customMapStyle={mapStyle}
          initialRegion={{
            latitude: 59.2937025,
            longitude: 18.0813377,
            latitudeDelta: 0.012,
            longitudeDelta: 0.012,

          }}
        />
    </View> 

Answer 1

TyBourque提交的解决方案有效。 更复杂的anwser，您可以使用maxZoomLevel prop来限制缩放。 然后你需要使用事件onPanDrag并且需要检查{coordinate：LatLng，position：Point}是否在边界内，如果它不在边界内，则将它重置为前一个有效位置。