📜  在PhoneGap中获取设备位置

📅  最后修改于: 2021-01-07 10:31:26             🧑  作者: Mango

获取设备位置

本部分将使您了解地理位置以及我们如何使用PhoneGap获取设备位置。地理位置可为我们提供有关经度和纬度的信息。经度和纬度是我们设备位置的信息。CDMA小区ID)推断出的全球定位系统(也称为GPS和位置)是一些常见的位置信息来源。 API可以或不能返回设备的实际位置。确定设备位置后,我们可以在应用程序中使用此信息。

geolocation部分中,我们可以使用geolocation.getCurrentPosition,geolocation.watchPosition,geolocation.clearWatch方法,这些方法可以具有几个参数,例如geolocationSuccess,geolocationError,geolocationOptions 。我们还可以使用Position,PositionErrorCoordinates对象。

首先,我们将学习如何获取设备的位置,然后我们将结合使用两个最重要的API,即Google Places APIGoogle Maps API 。我们还将学习如何获得经度纬度。 Play商店中有数百种基于这些API的移动应用程序可用。

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

1)创建一个新项目

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

2)为经纬度创造空间

使用 标记。



    
        
        
         Location 
    
    
        

Device Location

Latitude:

Longitude:

3)创建一个window.onload函数

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


4)创建init回调函数

现在,我们将创建init回调函数。 JavaScript地理位置对象。我们将使用它来进行地理位置定位。为此,我们将调用navigator.geolocation.getCurrentPosition函数。如果成功获取当前位置,此函数将调用getSuccess函数。否则,将调用getError函数。初始化函数将通过以下方式进行编码:

function init()
{
            navigator.geolocation.getCurrentPosition(success, error);
}

5)创建onSuccess和onError回调函数

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

function success(position)
{
            var lat = position.coords.latitude;
            var long = position.coords.longitude;
            
            document.getElementById('lat').innerHTML = lat;
            document.getElementById('long').innerHTML = long;
}

function error(e)
{
            alert(e.message);
}


完整的代码:



    
        
        
         Location 
        
    
    
        

Device Location

Latitude:

Longitude:

在下一节中,我们将了解如何在Google地方信息中使用此信息。