Question

我的本机应用正在使用react-native-maps来显示Google地图和标记。样式化View用作位置标记，在设备屏幕上具有固定位置。

问题：我们如何获取标记的GPS坐标（lat / lng），例如<View style={styles.marker}>组件的左下角？

<MapView
    ref='map'
    initialRegion={{
        latitude: LATITUDE,
        longitude: LONGITUDE,
        latitudeDelta: LATITUDE_DELTA,
        longitudeDelta: LONGITUDE_DELTA,
    }}
    showsUserLocation={true}
></MapView>

<View style={styles.markerContainer}>
    <View style={styles.marker}>
    </View>
</View>

样式

var deviceHeight = Dimensions.get('window').height;
StyleSheet.create({
    markerContainer: {
        bottom: deviceHeight/2.2,
        position: 'absolute',
        left: 0,
        right: 0,
    },
})

Answer 1

从此代码示例https://github.com/airbnb/react-native-maps/blob/master/example/examples/MyLocationMapMarker.js

开始

在底部添加一个视图，其中包含一个文本字段，显示＆＃34; this.state.myPosition＆＃34;

的值

Answer 2

<MapView
    ref='map'
    initialRegion={{
        latitude: LATITUDE,
        longitude: LONGITUDE,
        latitudeDelta: LATITUDE_DELTA,
        longitudeDelta: LONGITUDE_DELTA,
    }}
    showsUserLocation={true}


**onUserLocationChange={(e)=>console.log(e.nativeEvent.coordinate)}**
></MapView>

<View style={styles.markerContainer}>
    <View style={styles.marker}>
    </View>
</View>

如何在react-native-maps中获取GPS位置

2 个答案: