React-native：如何在MapView组件中获取可见区域的坐标和delta

Question

假设我以这种方式反应本地定义了地图：

    render() {
        return (
            <View style={{flex: 1, position: 'relative'}}>
                <MapView
                    style={styles.map}
                    showsUserLocation={this.state.showsUserLocation}
                    region={{
                        latitude: 48.8534100,
                        longitude: 2.3378000,
                        latitudeDelta: 0.12,
                        longitudeDelta: 0.065
                    }}
                    onRegionChangeComplete={
                        () => {
                            // How to retrieve coordinates and Delta when user moves the map
                            console.log(this.region);
                        }
                    } />
            </View>
        );
    }

如何在用户在地图上移动时检索坐标和Delta？

Answer 1

这是一种方法......

在你的render（）函数中，像这样设置onRegionChangeComplete：

onRegionChangeComplete={this.onRegionChangeComplete}

然后在组件中定义回调函数，例如在render（）函数下面：

onRegionChangeComplete: function(region) {
    console.log(region.longitude);
    console.log(region.latitude);
}