获取设备位置

本节将使您了解地理定位，以及我们如何使用 PhoneGap 获取设备的位置。地理定位向我们提供有关经度和纬度的信息。经度和纬度是我们设备位置的信息。全球定位系统，也称为 GPS，以及从网络信号推断的位置，例如 IP 地址、WiFi、RFID 和蓝牙 MAC 地址以及 GSM/CDMA 蜂窝 ID，是一些常见的位置信息来源。 API 可以返回或不返回设备的实际位置。确定设备位置后，我们可以在应用程序中使用此信息。

在**地理定位部分**，我们可以使用 **geolocation.getCurrentPosition、geolocation.watchPosition、geolocation.clearWatch** 方法，这些方法可以有几个参数，例如 **geolocationSuccess、geolocationError、geolocationOptions**。我们还可以使用 **Position、PositionError** 和 **Coordinates** 对象。

首先，我们将学习如何获取设备的位置，然后我们将连接到两个最重要的 API，即 **Google Places API** 和 **Google Maps API**。我们还将学习如何获取**纬度**和**经度**。在应用商店中，有数百个基于这些 API 的移动应用程序可用。

以下是我们必须执行的在 PhoneGap 中获取设备位置的步骤

1) 创建一个新项目

首先，我们将使用空白模板创建一个新的 PhoneGap 项目。如果您不知道如何使用空白模板创建应用程序，请浏览 PhoneGap 项目链接。

2) 创建纬度和经度的空间

我们将更改 head 部分中的标题，并在 body 部分中使用 <h1></h1> 标签添加标题。我们将使用 <p></p> 标签为纬度和经度创建空间。我们还将对纬度和经度使用带有 ID 的 <output></output> 标签。

3) 创建 window.onload 函数

在下一步中，我们将创建一个 **window.onload** 函数。我们知道当窗口屏幕加载时会自动调用此函数。我们将添加一个名为 **deviceready** 事件的事件侦听器，该事件将被调用作为 **init** 回调函数。

4) 创建 init 回调函数

现在，我们将创建 **init** 回调函数。PhoneGap 有一个地理定位对象，它本质上包装了自然的 JavaScript 地理定位对象。我们将使用它在地理定位中工作。为此，我们将调用 **navigator.geolocation.getCurrentPosition** 函数。如果此函数成功获取当前位置，它将调用 **getSuccess** 函数；否则，将调用 **getError** 函数。 **init** 函数将按以下方式编码

5) 创建 onSuccess 和 onError 回调函数

现在，我们将创建两个回调函数。 onError 函数将显示定义错误的警报消息。 onSuccess 函数有一个名为 position 的参数。此函数将获取纬度和经度位置坐标，并显示在为纬度和经度输出创建的空间中。这两个函数都将按以下方式编码

完整代码

在下一节中，我们将学习如何将此信息与 Google Places 结合使用。