capacitor-plugin-baidumaplocation

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

前言:

本插件主要参考cordova-plugin-baidumaplocation,通过修改，让它适配capacitor平台。对应的版本是v4.0.3

Android版为什么不使用官方的_cordova-plugin-geolocation_插件

最新版的插件已经删除掉的Android版定位的代码，改为基于系统浏览器(chrome内核)进行定位。

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

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

一，申请Android及IOS版密钥

申请密钥Android定位SDK

每一个AndroidManifest.xml 中的package属性 对应一个AK，不可混用

iOS SDK开发密钥

每一个Bundle Identifier 对应一个AK，不可混用

二，安装插件

npm i  capacitor-plugin-baidumaplocation

三，capacitor的原生配置

Ios

在capacitor.config.ts配置*-info.plist文件

  await project.ios?.updateInfoPlist(null, null, {
    NSLocationWhenInUseUsageDescription: `获取您的位置,以方便您进行位置上报,请点击'好'允许访问`,
    NSLocationAlwaysUsageDescription: '持续获取地理位置',
    BaiduMapLocation: {IOS_KEY: ENV?.baidumap?.IOS_KEY},
    NSAppTransportSecurity: {NSAllowsArbitraryLoads: true}
  });

四，使用方法

// 进行定位
baidumap_location.getCurrentPosition(function (result) {
    console.log(JSON.stringify(result, null, 4));
}, function (error) {

});

获得定位信息，返回JSON格式数据:

{
    "time": "2017-02-25 17:30:00",//获取时间
    "latitude": 34.6666666,//纬度
    "longitude": 117.8888,//经度
    "radius": 61.9999999,//半径
 
    //--------Android 独享 begin
    "locType": 161,//定位类型                                            
    "locTypeDescription": "NetWork location successful!",//定位类型解释   
    "userIndoorState": 1,//是否室内                                     
    //--------Android 独享 end
    
    //--------IOS 独享 begin
    "title": "我的位置",//定位标注点标题信息
    "subtitle": "我的位置",//定位标注点子标题信息
    //--------IOS 独享 end
}

具体可参考如下截图

具体字段内容请参照：

Android版 BDLocation v7.2

IOS版 BMKUserLocation v3.3.4

如果Android版获取到的信息是：

{
    "locType": 505,
    "locTypeDescription": "NetWork location failed because baidu location service check the key is unlegal, please check the key in AndroidManifest.xml !",
    "latitude": 5e-324,
    "longitude": 5e-324,
    "radius": 0,
    "userIndoorState": -1,
    "direction": -1
}

说明Key有问题，可以检查下生成的AndroidManifest.xml文件里面是否有如下信息

<service android:enabled="true" android:name="com.baidu.location.f" android:process=":remote">
</service>
<meta-data android:name="com.baidu.lbsapi.API_KEY" android:value="abcdefghijklmn" />

如果没有，说明插件使用不当，尝试重新安装，如果有这些信息，说明Key与当前程序AndroidManifest.xml 中的package名不一致，请检查Key的申请信息是否正确

四，查看当前安装了哪些插件

cordova plugin ls

五，删除本插件

cordova plugin rm capacitor-plugin-baidumaplocation

至ionic3用户，如何在ionic3项目中使用非ionic维护的cordova插件，可以参考：https://stackoverflow.com/questions/37942202/using-a-third-party-cordova-plugin-in-ionic-2-with-typescript