react-native - 如何限制 map 上的缩放以使用 组件进行原生 react

Question

<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、ma​​xZoomLevel、latitudeDelta、longitudeDelta 但它没有呈现我想要的内容想。我希望用户缩放受到限制。有什么解决办法吗？

Answer 1

你能不能试试:

minDelta={0.05}
maxDelta={2}

它应该可以工作!