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

Posted

技术标签:

【中文标题】在 Android 上使用 PhoneGap 进行地理定位仅适用于 index.html【英文标题】:Geolocation using PhoneGap on Android works only on index.html 【发布时间】:2012-06-23 12:37:50 【问题描述】:

我正在尝试使用 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>

【问题讨论】:

请贴出test.html的头 【参考方案1】:

首先在 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-->xml 并复制插件(从之前下载的 PhoneGap 1.8.1)。

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

【讨论】:

【参考方案2】:

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

【讨论】:

以上是关于在 Android 上使用 PhoneGap 进行地理定位仅适用于 index.html的主要内容,如果未能解决你的问题,请参考以下文章

Phonegap:解析不在 ios 或 android 上初始化

在 android 和 IOS 中运行 phoneGap 应用程序需要进行啥配置?

使用 Phonegap 进行 Android 应用内购买

在 Android 中使用 JWplayer 在 Phonegap 中进行流式视频播放

Android 运行 Phonegap 应用程序 - 屏幕模糊/调整大小

Phonegap 远程构建