phonegap利用百度地图sdk定位

标签： phonegap 利用 百度地图 | 发表时间：2014-05-20 21:07 | 作者：snoopyxdy

出处：http://snoopyxdy.blog.163.com

近期的一个phonegap项目把我做的焦头烂额，最让人蛋疼的就是安卓4.1.x对html5的定位获取经纬度有个无比巨大的坑，一般我们利用如下代码进行html5的定位

     navigator.geolocation.getCurrentPosition(function(pos){
                    alert(JSON.stringify(pos))
             },function(err){
                    alert(JSON.stringify(err))
               }, {
         enableHighAccuracy: false,
         timeout: 60*1000,
         maximumAge: 1000*60*10
     });

上述代码在ios上一切正常，在安卓4.3及以后的机器也可以正常访问，但是在安卓4.1上就会出现timeout，如果我们把 enableHighAccuracy 设置为 true，那么在室外，空气良好的地方，安卓4.1将能够通过卫星进行定位，但是速度巨慢，其实我们很多时候并不是想要非常精准的定位信息，完全可以通过基站或者wifi来定位，虽然html5提供给了我们这样的接口，但是安卓4.1上支持的不是很好。

另外一个巨坑也直接影响了我对这个问题的判断，如果我重启了安卓4.1的机器，那么上述代码将能够正常跑大约几小时，甚至半天，可是到了第二天又会出现同样的问题，无尽的timeout。总不能让客户每次使用定位功能都重启一次机器吧，涉及这个问题的机器有包括我的华为，三星note2，oppo等目前主流的安卓4.1系统的机子，在另外几台例如glasky3、红米等安卓4.3的机器上没有出现。

然后我直接将上述代码在浏览器中运行，发现安卓4.1也是无法跑起来，天真的我以为是安卓4.1对html5的接口支持问题，于是利用cordova加载geolocation插件，想利用cordova的native方法解决这个问题，但是问题依旧，其中意外的发现我的华为和note2能够跑起来了，其实只不过碰巧刚重启过而已。

这个是我在stackoverflow上发的问题，碰到这类问题的中外友人巨多。

http://stackoverflow.com/questions/23383750/phonegap-geolocation-sometimes-not-working-on-android

如何填补这个坑呢？我搜遍了整个网络，发现国外可以使用google地图来解决，而国内只有使用百度的定位SDK来解决了，不过最新的安卓百度定位SDK4.1同样巨坑无比，直接下载官方的demo跑在真机上各种无法定位，一直报errorcode 602，于是逛了下百度SDK的论坛，发现很多人说4.1版本的SDK问题很多，不如用回4.0版本，于是我报着试试看的心情用回了SDK4.0版本，最终在安卓4.1的机器上定位成功，不存在需要重启的情况，然后我根据 andybuit 作者的代码，小幅改动，封装成支持新版 cordova 3.4.1 的插件放在github上，供碰到同样问题的朋友使用，希望能够帮助到他们。再次感谢 andybuit 提供的百度定位代码，谢谢！

新版本插件地址：

https://github.com/DoubleSpout/phonegap_baidu_sdk_location

下面步入正题，通过一个简单的安卓 hello world 程序来运用百度定位插件

1、建立 hello world 项目：

cordova create hello com.example.hello HelloWorld

2、建立安卓支持，目前本插件只支持安卓，似乎也只要支持安卓，ios对html5的定位支持的非常好，无须百度定位SDK

cordova platform add android

3、安装 baidu 定位的插件：

可以通过git来下载远程的，需要安装git命令

 cordova plugin add https://github.com/DoubleSpout/phonegap_baidu_sdk_location.git

也可以将插件下载到 hello\plugins 目录下，文件夹重命名为 com.spout.phonegap.plugins.baidulocation，然后执行命令：

cordova plugin install com.spout.phonegap.plugins.baidulocation

4、插件安装完成之后，执行一次 build 命令，将插件的配置文件写入安卓平台目录：

cordova build android

5、打开eclipse，对hello项目进行配置：

5.1、新建工程

phonegap利用百度地图sdk定位 - snoopyxdy - snoopyxdy的博客

5.2、从已有代码库添加

5.3、找到安卓的项目路径

5.4、编辑项目属性

5.5、添加百度sdk的jar文件

5.6、选择locSDK

5.7、编辑source 附件

5.8、同样选择百度sdk的jar

5.9、保存路径

5.10、选择order and export 将前面全部打勾

5.11、将文本编辑编码改为utf-8

5.12、打开 hello\platforms\android\src\com\spout\phonegap\plugins\baidulocation\BaiduLocation.java 文件，修改自己的apkkey（其实不修改也能使用），大约在64行：

key的生成和获取详见百度sdk的key获取页面，地址：

http://developer.baidu.com/map/geosdk.htm

6、找到 hello\www\js\index.js 文件，修改并增加如下几行，通过百度SDK获取经纬度：

     
         onDeviceReady: function() {      
        app.receivedEvent('deviceready');
           
        //通过百度sdk来获取经纬度,并且alert出经纬度信息      
        var noop = function(){}      
        window.locationService.getCurrentPosition(function(pos){      
            alert(JSON.stringify(pos))      
            window.locationService.stop(noop,noop)      
        },function(e){      
            alert(JSON.stringify(e))      
            window.locationService.stop(noop,noop)      
        });      
    },

7、完成上述工作后，执行命令打包生产APK，注意百度定位的SDK在模拟器上是无法运行的，会曝出167错误码

cordova build android

8、将 hello\platforms\android\ant-build\HelloWorld-debug-unaligned.apk 文件拷贝到之前有问题的安卓4.1的机器上，显示如下图，通过wifi成功快速获取到经纬度信息，再也不用重启机子了：

至此百度SDK说明完毕，希望能够帮助到利用phonegap开发安卓应用，又碰到我这样问题的朋友~

phonegap利用百度地图sdk定位

相关 [phonegap 利用百度地图] 推荐：