关于插件cordova-plugin-baidumaplocation 的安装手顺

原本是一个cordova群中的问题,当时身在医院的而我,甚是无聊,也就帮忙看看大家伙的问题了。在自己踩过那么多坑的情况下,对于大家的问题有些还是感同身受的。闲话就聊到这儿了。直接进入主题了。

备注:本人只对android版本进行安装与操作,所以ios版本,还需要大家进行操作了。

插件npm link:

本文目录

一、申请Android版密钥

二、安装插件

三、使用方法


一、申请Android版密钥

    1.点击 申请密钥Android定位SDK,进入如下页面;

关于插件cordova-plugin-baidumaplocation 的安装手顺_第1张图片

想必大家也看到了图上的AK申请地址,直接Link进去,接下来我们将看到这个页面(由于我之前已经创建过一个应用了)

关于插件cordova-plugin-baidumaplocation 的安装手顺_第2张图片

在这个页面上,我们点击创建应用,就到达如下页面了

这个页面我已经填了一些基本信息了

关于插件cordova-plugin-baidumaplocation 的安装手顺_第3张图片

图中 1标记位置,请填写您的应用名称;

图中2标记位置,请下拉选择Android SDK,

图中3标记位置,一般我们作为测试可以通过Android Studio获取 

在Terminal 中输入如下命令  :keytool -list -keystore C:\Users\Gary\.android\debug.keystore

上述的C:\Users\Gary\.android\debug.keystore为我的debug.keystore的文件路径,请对应修改。

是不是还想知道详细的信息,请参考 这篇文档。(由于我的电脑操作系统是日文,所以这边就不给大家贴图了。)

我们将生成出来的 SHA1:【08:62:ED:A7:F0:06:75:11:4E:7F:11:DC:CC:05:D4:36:16:20:C8:69】 粘贴到发布版SHA1中就可以了。

图中4,这个应该不用多说了,就是我们创建cordova工程时的包名结构咯,直接复制进去即可。比如我的是【com.sunshine.baidumaptest】

依照上述步骤依次填好就如下页面啦 ,点击提交即可了

关于插件cordova-plugin-baidumaplocation 的安装手顺_第4张图片

可以看看最终结果,一个AK就生成了

关于插件cordova-plugin-baidumaplocation 的安装手顺_第5张图片

接下来我们复制我们的AK,进行这款插件的安装操作。

二、安装插件

安装命令:

cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY=""  --variable IOS_KEY=""

cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="Fm8RoCQNUVMYIOdGQUV9FBqekbe2ZPnN"  --variable IOS_KEY=""

这里的variable参数一个都不能少,尽管你可能没有申请IOS版的AK,除非你想看到以下错误 

这里错误的意思也是提醒您,需要添加 --variable IOS_KEY="" ;当然了这是我一开始犯的错误(毕竟本人认为,没有申请者玩意干嘛要填写,然后就悲剧咯)

三、使用方法

  这一点具体的操作我就不依葫芦画瓢了,毕竟人家官网还是挺详细的。

最后我贴上自己的执行结果,以表明亲测有效。

源码(请注意,所有要加载插件进行的操作,尽量都放在deviceready的监听事件方法中执行,不然可能会造成无法得到结果):


关于插件cordova-plugin-baidumaplocation 的安装手顺_第6张图片

执行结果


关于插件cordova-plugin-baidumaplocation 的安装手顺_第7张图片

以上再写上我在安装过程中遇到的另一个坑,创建完一个cordova工程后,编译总是异常,提示我的gradle未安装,或是安装Android Studio(当然我已经安装了),甚是奇怪。当然知道是路径配置的问题。由于我把AS安装在D盘,所以与系统盘还是有一定差距的。当然需要找到你的gradle的bin目录,然后到系统环境变量里面的path添加路径配置。

第一次写,希望对有需要的人有帮助。

你可能感兴趣的:(关于插件cordova-plugin-baidumaplocation 的安装手顺)