1. 申请?Android SDK API Key

去百度地图开放平台，获取 Android SDK API Key（简称：AK 值）

每个应用只需要一个 API Key 值，所以只需要一个人申请一次即可

登录百度帐号百度帐号是登录所有百度系产品的通行证，登录后还可以在帐户管理页管理/修改您的个人信息，包括修改密码、绑定手机、身份认证等https://lbsyun.baidu.com/apiconsole/key#/home

2. 安装 cordova-plugin-ths-baidulocation

npm i cordova-plugin-ths-baidulocation

3. 修改 plugin.xml 中的?$BD_AK

在 node_modules 中，找到 cordova-plugin-ths-baidulocation 依赖

打开依赖目录下的 plugin.xml 文件，找到?$BD_AK，并将其修改为第一步申请的 AK 值

4. 修改?build.gradle，解决 .so 文件无法打包的问题

同步代码：ionc cap sync

找到 android/capacitor-cordova-android-plugins/build.gradle

添加如下代码：?

sourceSets{
  main{
    jniLibs.srcDirs =['src/main/libs']
  }
}

如果不添加上述代码，会导致 .so文件无法被打包，进而打包失败

修改后的效果：

5. $BD_AK、build.gradle 每次打包前，都要手动更新！！！！

6. 实现在 ionic cap sync 之前，自动修改 $BD_AK 值的思路

在项目根目录下，新建?cap-sync-bf.js

该文件用于读取 node_modules 中的依赖，并进行修改

在 package.json 的 script 中，添加命令：

"capacitor:sync:before": "node ./cap-sync-bf.js",

该命令可以做到：在开发者执行 ionic cap sync 之前，会自动执行?cap-sync-bf.js 文件的

cap-sync-bf.js

// eslint-disable-next-line @typescript-eslint/no-var-requires
const fs = require('fs');
// eslint-disable-next-line @typescript-eslint/no-var-requires
const xml2js = require('xml2js'); // 读取 xml 文件模块
const capacitorConfig = JSON.parse(process.env.CAPACITOR_CONFIG); // 获取capacitor.config.json 配置信息
// 百度插件配置文件地址
const filePath = __dirname+ '/node_modules/cordova-plugin-ths-baidulocation/plugin.xml';
// 读取百度插件配置文件内容
fs.readFile(filePath, 'utf8', function (err,data) {
  if (err) {
    throw err;
  }
  // convert XML data to JSON object
  xml2js.parseString(data, (err, result) => {
    if (err) {
        throw err;
    }
    //根据配置里边的值修改插件中 BD_AK 的值
    result.plugin.platform[0]['config-file'][2]['meta-data'][0]['$']['android:value']= capacitorConfig.customConfig.BD_AK;
    console.log('BD_AK 修改为：',result.plugin.platform[0]['config-file'][2]['meta-data'][0]['$']['android:value']);
    // 转换JSON 到XML 
    const builder = new xml2js.Builder();
    const xml = builder.buildObject(result);
    // 将更新后的xml 写入文件
    fs.writeFile(filePath, xml, (err) => {
      if (err) {
          throw err;
      }
      console.log(`Updated XML is written to a new file.`);
    });
  });
});

// wlanmac插件路径
const wlanmacFilePath = __dirname + '/node_modules/wlanmac/src/android/wlanmac.java';
// 读取wlanmac插件文件内容
fs.readFile(wlanmacFilePath, 'utf-8', (err, data) => {
  if (err) {
    throw err;
  }
  // 取消wlanmac插件自带的弹窗效果
  const newData = data.replace(/\sToast/g, '//Toast');
  // 修改wlanmac插件文件内容
  fs.writeFile(wlanmacFilePath, newData, (err) => {
    console.log('取消wlanmac插件自带的弹窗效果');
    if (err) {
      throw err;
    }
  });
});