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

Question

我正在尝试使用 PhoneGap API 文档进行地理定位，地理定位适用于 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>

Answer 1

首先在Android Manifest中赋予权限:

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

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

然后创建 res-->xml 并复制插件(从之前下载的 PhoneGap 1.8.1)。

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