如何在反应原生应用程序中使用 Geolocation 获取设备的当前位置

Posted

技术标签:

【中文标题】如何在反应原生应用程序中使用 Geolocation 获取设备的当前位置【英文标题】:How can get the current location of the device using Geolocation in react native app 【发布时间】:2018-05-04 08:07:53 【问题描述】:

我是 react-native 的新手,我想获取设备的当前位置。我怎样才能通过使用地理定位来做到这一点。我已经浏览了 react-native 文档。但我仍然无法获得位置。

这是我的代码

我在 androidManifest.xml 中添加了以下行:

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

到目前为止,这是我用来控制当前位置的代码

        const location = Geolocation.getCurrentPosition();
        console.log("location", location)

(我正在用 android 构建我的应用程序)

【问题讨论】:

【参考方案1】:

Geolocation.getCurrentPosition 是异步的,所以location info is returned in callback:

Geolocation.getCurrentPosition(location => console.log('location', location));

【讨论】:

【参考方案2】:

关注Configuration and Permissions 部分,然后您可以使用:

navigator.geolocation.requestAuthorization()
navigator.geolocation.getCurrentPosition(location => console.log('location', location));

作为浏览器 polyfill,此 API 可通过 navigator.geolocation 全局使用 - 您无需导入它。

【讨论】:

以上是关于如何在反应原生应用程序中使用 Geolocation 获取设备的当前位置的主要内容,如果未能解决你的问题,请参考以下文章

(反应原生)如何使用地理定位将地图视图集中在用户身上

如何在反应原生 ios 应用程序中更新应用程序版本?

如何在反应原生 Firebase 动态链接中从收到的链接中提取参数?

如何使用 npx 创建新的反应原生应用程序?

在反应原生中链接谷歌地图应用程序时如何呈现方向?

如何在反应原生网格图像查看器中传递动态获取的图像数组数据,并在反应原生中使用标题