使用Android上的PhoneGap进行地理定位仅适用于index.html

时间:2012-06-23 12:37:50

标签: javascript android html5 cordova geolocation

我正在尝试使用PhoneGap API doc进行地理定位,地理位置适用于index.html 但是当我尝试在不同的页面中使用相同的功能时,它不起作用。

http://docs.phonegap.com/en/1.8.1/cordova_geolocation_geolocation.md.html#Geolocation

这是我正在使用的JS。

这是我用来访问其他页面的按钮。

我也在使用jQuery Mobile。

 <a href="test.html" data-theme="b" data-icon="plus">Add category</a></li>

这是test.html的负责人

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
<link rel="stylesheet" href="styles/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="styles/jquery.mobile.structure-1.1.0.min.css" />
<link rel="stylesheet" href="styles/jquery.mobile.theme-1.1.0.min.css" />
<link rel="stylesheet" href="styles/my.css" />
<script src="scripts/jquery-1.7.2.min.js"></script>
<script src="scripts/jquery.mobile-1.1.0.min.js"></script>
<script src="scripts/cordova-1.8.1.js"></script>
<script>

    // Wait for Cordova to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    var watchID = null;

    // Cordova is ready
    //
    function onDeviceReady() {
        // Throw an error if no update is received every 30 seconds
        var options = { timeout: 10000 };
        watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
    }

    // onSuccess Geolocation
    //
    function onSuccess(position) {
        var element = document.getElementById('geolocation');
        element.innerHTML = 'Latitude: ' + position.coords.latitude + '<br />' +
                        'Longitude: ' + position.coords.longitude + '<br />' +
                        '<hr />' + element.innerHTML;
    }

    // onError Callback receives a PositionError object
    //
    function onError(error) {
        alert('code: ' + error.code + '\n' +
          'message: ' + error.message + '\n');
    }
</script>

2 个答案:

答案 0 :(得分:2)

首先在Android Manifest中授予权限:

      android.permission.ACCESS_FINE_LOCATION
      android.permission.ACCESS_LOCATION_EXTRA_COMMANDS
      android.permission.ACCESS_COARSE_LOCATION

然后复制您的cordova-1.8.1.js并在资产的www子文件夹中创建index.html,然后将cordova-1.8.1.jar复制到libs,然后使用cordova-1.8.1.jar配置构建路径。

然后创建res - &gt; xml和复制插件(来自早期下载的PhoneGap 1.8.1)。

然后运行该应用程序。肯定你会得到输出。

答案 1 :(得分:0)

问题是我没有将cordova.jar文件加载到我的项目中,这就是为什么它不起作用