Expo调用Location.getCurrentPositionAsync返回固定坐标，如何获取真实位置？

原因分析 #

你看到的这个坐标是Expo Location 在无法获取真实位置时返回的默认占位坐标（对应谷歌总部地址），出现这个问题主要有以下几个原因：

• 未指定高精度定位参数，导致优先返回缓存或低精度占位位置
• 直接修改 this.state 而非使用 this.setState()，状态更新逻辑错误
• 测试环境（模拟器/Expo Go）未正确配置位置服务，或真机未开启定位权限

解决步骤 #

1. 给 getCurrentPositionAsync 添加高精度配置 #

调用方法时传入精度、超时等参数，强制获取真实位置：

const location = await Location.getCurrentPositionAsync({
  enableHighAccuracy: true, // 开启高精度定位
  timeout: 5000, // 超时时间5秒
  maximumAge: 0 // 不使用缓存位置
})

2. 修复状态更新方式 #

React 类组件不能直接赋值 this.state，必须通过 this.setState() 更新状态，否则组件无法感知状态变化：

// 替换原来直接赋值的代码
this.setState({
  location: `${location.coords.latitude} - ${location.coords.longitude}`,
  latitude: location.coords.latitude,
  longitude: location.coords.longitude
}, () => {
  console.log("Position is: "+this.state.location)
});

3. 检查测试环境/真机设置 #

• 模拟器：在模拟器的位置设置中手动指定真实坐标，或开启模拟位置
• 真机：确保设备的「位置服务」已开启，并确认App已获得定位权限
• Expo Go：如果是用Expo Go测试，尝试重启App或重新加载项目

修正后的完整代码 #

import React, { Component } from 'react';
import { View, StyleSheet, Dimensions } from 'react-native';
import * as Location from 'expo-location';
import MapView from 'react-native-maps';
const { height } = Dimensions.get("window");

export default class TrainMap extends Component {
  constructor(){
    super();
    this.state={location:"",latitude:null,longitude:null}
  }

  async locationPermissionAsync() {
    let canUseLocation = false;
    const grantedPermission = await Location.getForegroundPermissionsAsync()
    if (grantedPermission.status === "granted") {
      canUseLocation = true;
    } else {
      const permissionResponse = await Location.requestForegroundPermissionsAsync()
      if (permissionResponse.status === "granted") {
        canUseLocation = true;
      }
    }

    if (canUseLocation) {
      try {
        const location = await Location.getCurrentPositionAsync({
          enableHighAccuracy: true,
          timeout: 5000,
          maximumAge: 0
        })
        console.log("received location:", location);
        
        // 正确更新状态
        this.setState({
          location: `${location.coords.latitude} - ${location.coords.longitude}`,
          latitude: location.coords.latitude,
          longitude: location.coords.longitude
        }, () => {
          console.log("Position is: "+this.state.location)
        });
      } catch (error) {
        console.error("获取位置失败:", error);
      }
    }
  }

  componentDidMount() {
    this.locationPermissionAsync() 
  }; 

  render() {
    return (
      <View style={styles.container}>
        {this.state.latitude && this.state.longitude && (
          <MapView
            style={styles.map}
            initialRegion={{
              latitude: this.state.latitude,
              longitude: this.state.longitude,
              latitudeDelta: 0.0922,
              longitudeDelta: 0.0421,
            }}
          />
        )}
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  map: {
    width: '100%',
    height: height,
  },
});

内容的提问来源于stack exchange，提问作者Elly