logo标签列表

如何在React Native中使用<MapView/>组件限制地图缩放

react-nativereact-native-maps
3
<Map

          ref={mapRef}
          key={mapShouldUpdate}
          showsUserLocation
          userLocationAnnotationTitle={`Ma position`}
          showsMyLocationButton
          showsPointsOfInterest={false}
          showsBuildings={false}
          showsTraffic={false}
          showsIndoors={false}
          minZoomLevel={9}
          maxZoomLevel={12}
          rotateEnabled={false}
          pitchEnabled={false}
          toolbarEnabled={false}
          loadingEnabled={usersLoading || offersLoading}
          moveOnMarkerPress={false}
          mapType={getMapType()}
          initialRegion={{
            latitude: mapCenter?.latitude,
            longitude: mapCenter?.longitude,
            latitudeDelta: 0.4,
            longitudeDelta: 0.2,
          }}
          onRegionChangeComplete={(region) => {
            setMapCenter(region)
            onRegionChangeComplete?.(region)
          }}
          style={{ ...eva.style.Map, ...style }}
        >

我尝试更改 minZoomLevel, maxZoomLevel, latitudeDelta, longitudeDelta 但它不能呈现我想要的。我希望用户缩放被限制。有解决方案吗？

1个回答
1

你可以尝试以下方法：

minDelta={0.05}
maxDelta={2}

它应该能够正常工作！

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接