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

时间:2018-04-19 14:12:57

标签: reactjs google-maps react-native react-native-maps

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

使用Google地图

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

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

1 个答案:

答案 0 :(得分:1)

TyBourque提交的解决方案有效。 稍微复杂一点的辅助工具,您可以使用maxZoomLevel道具来限制缩放。然后,您将需要使用onPanDrag事件,并检查{坐标:LatLng,位置:Point}是否在范围内,如果不在范围内,请将其重置为先前的有效位置。