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

Question

假设我在 React Native 中以这种方式定义了一个地图：

    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);
}

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

React-native : how to get coordinates and delta of visible area in MapView component

javascript

components

coordinates

react-native