如何设置反应本地MapView的边界?

时间:2018-07-20 04:42:08

标签: react-native react-native-maps react-android

我已将React Native Map与我最新的React Native应用程序集成在一起。在地图中,我想为地图设置边界。官方文件建议的方法     setMapBoundaries,但需要这样的参数northEast: LatLng, southWest: LatLng

如何获取这些参数的值。我的 mapView 就是这样。

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

        > 

1 个答案:

答案 0 :(得分:1)

您要使用的不是propertyevent,而是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})