如何为 React Native MapView 设置边界？

Question

我已经将 React Native 地图与我最新的 React Native application.In 地图集成在一起，我想为地图设置边界。官方文档给出了方法 setMapBoundaries 但它需要这样的参数 northEast: LatLng, southWest: LatLng .

如何获取这些值 arguments.my mapView 是这样的。

<MapView
            showsUserLocation
            provider={MapView.PROVIDER_GOOGLE}
            style={styles.map}
            region={region}
            onRegionChangeComplete={this.onRegionChangeComplete}
            setMapBoundaries={}
            onUserLocationChange={this.onUserLocationChange}

        >

Answer 1

您尝试使用的不是 property 或 event，而是 method。所以你不能在那里使用它。再次检查 documentation。

setMapBoundaries(northEast: LatLng, southWest: LatLng): void;

export interface LatLng {
   latitude: number;
   longitude: number;
}

尝试获取 MapView 的 ref，

<MapView
    ref={(ref)=> this.mapRef = ref}
/>

并调用方法setMapBoundaries

this.mapRef.setMapBoundaries({latitude: 1, longitude: 1},{latitude: 1, longitude: 1})

如何为 React Native MapView 设置边界？

How to set boundaries for react native MapView?

react-native

react-native-maps

react-android