Ionic开发Android App实战（四）：百度地图api定位

小渣渣

Android版为什么不使用官方的_cordova-plugin-geolocation_插件
最新版的插件已经删除掉的Android版定位的代码，改为基于系统浏览器(chrome内核)进行定位。

为什么这样做，也有人问过同样的问题，作者的回答是这样比原生定位更快更准确。

但经过测试后，发现根本无法定位，几经调查发现跟貌似国内网络有关系，原因相信大家都懂的，此过省略好几个字。。。。

百度地图定位Cordova插件，支持Android，IOS，ionic 1x 2x 均可使用


cordova 定位插件： cordova-plugin-baidumaplocation
GitHub地址：https://github.com/aruis/cordova-plugin-baidumaplocation
ionic3例子：https://github.com/aruis/testbmap-cordova-ionic3

测试环境：华为荣耀10手机（Android 8.1）、ionic3

不废话，先上效果图：



使用教程

1：申请Android及IOS版密钥，此步骤略，Android申请密钥请参考如下：

百度地图申请Android SDK密钥
https://www.itsvse.com/thread-4865-1-1.html
(出处: 架构师_程序员)

2：安装插件

登录可见。

卸载插件命令：

登录可见。

如果只填写了ANDROID_KEY会报错如下：

(node:1204) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): CordovaError: Variable(s) missing (use: --variable IOS_KEY=value).
(node:1204) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

3：使用方法

在项目/platform/android/app/build.android 文件的android节点下面添加如下代码：

登录可见。

在项目\src\app\app.component.ts文件，替换如下代码：

登录可见。

在网页运行会报错如下，其实不用管，直接打包成apk安装到手机上面即可！！！

Uncaught (in promise): ReferenceError: cordova is not defined
ReferenceError: cordova is not defined
    at http://localhost:8100/build/main.js:436:13
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14976)
    at Object.onInvoke (http://localhost:8100/build/vendor.js:5134:33)
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14916)
    at r.run (http://localhost:8100/build/polyfills.js:3:10143)
    at http://localhost:8100/build/polyfills.js:3:20242
    at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
    at Object.onInvokeTask (http://localhost:8100/build/vendor.js:5125:33)
    at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
    at r.runTask (http://localhost:8100/build/polyfills.js:3:10834)

打包成app，安装到手机上面，第一次运行的时候，会提示需要位置权限，点击始终允许即可，如下图：



有关定位具体字段内容请参照：

Android版 BDLocation v7.2：http://wiki.lbsyun.baidu.com/cms/androidloc/doc/v7.2/index.html

IOS版 BMKUserLocation v3.3.4：http://wiki.lbsyun.baidu.com/cms ... 5c5554fe16aca1b4fbf