javascript - 类型错误 : undefined is not an object( evaluating 'navigator.geolocation.getCurrentPosition' )

Question

我最近开始研究react-native，现在正在尝试访问react-native-maps，因为无论我在哪里单击 map ，它都应该给我坐标。我安装了react-native-map并尝试使用下面的方法

navigator.geolocation.getCurrentPosition((position) => {

我收到以下错误。

E | ReactNativeJS ▶︎ TypeError: undefined is not an object (evaluating 'navigator.geolocation.getCurrentPosition')
                             │ 
                             │ This error is located at:
                             │ in App (at renderApplication.js:40)
                             │ in RCTView (at View.js:35)
                             │ in View (at AppContainer.js:98)
                             │ in RCTView (at View.js:35)
                             │ in View (at AppContainer.js:115)
                             └ in AppContainer (at renderApplication.js:39)

我的代码看起来类似这样。

  componentDidMount() {
    navigator.geolocation.getCurrentPosition((position) => {
      var lat = parseFloat(position.coords.latitude)
      var long = parseFloat(position.coords.longitude)

      var initialRegion = {
        latitude: lat,
        longitude: long,
        latitudeDelta: LATITUDE_DELTA,
        longitudeDelta: LONGITUDE_DELTA,
      }

      this.setState({initialPosition: initialRegion})
    },
    (error) => alert(JSON.stringify(error)),
    {enableHighAccuracy: true, timeout: 20000});
  }

我还尝试了其他一些方法，例如

this.watchID = navigator.geolocation.watchPosition((position) => {

和

navigator.geolocation.clearWatch(this.watchID);

我怎样才能解决这个问题并使这些方法在react-native-maps中工作

我正在使用import MapView from 'react-native-maps';此导入

Answer 1

我不确定这是否是您正在寻找的答案，但是如果您在使用react-native-community中的这个react-native-geolocation库时没有任何问题的话，您可以轻松关注它的精彩example 。请不要忘记在 AndroidManifest.xml 文件中添加权限，如下所示 -

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

您还需要在 list 文件中添加元数据 -

 <meta-data android:name="com.google.android.geo.API_KEY" android:value="YOUR_API_KEY"/>

您可以使用 Google API 控制台轻松生成 API key