前言
在移动开发领域中，人们常常需要使用地理定位功能。Tencent LBS 是腾讯推出的一款地理位置服务产品，支持高精度定位、兴趣点搜索、地理围栏等功能。本文将介绍如何使用 npm 包 react-native-tencent-lbs 来集成 Tencent LBS SDK 到 React Native 项目中，并进行地理定位。
安装 react-native-tencent-lbs
在 React Native 项目中，可以通过 npm 来安装 react-native-tencent-lbs：
npm install react-native-tencent-lbs --save
然后通过 react-native link 连接原生模块到 React Native 项目：
react-native link react-native-tencent-lbs
由于 Tencent LBS SDK 需要在原生代码中进行配置，我们还需要在 iOS 和 Android 项目中进行一些配置。
iOS 端配置
添加 Tencent LBS SDK
首先，我们需要手动下载 Tencent LBS SDK 并添加到项目中。
登录 Tencent LBS 开发者中心，在控制台中创建应用，并获取 AppKey。
下载 Tencent LBS SDK，并解压到某个目录下。
打开 Xcode，选择项目 target -> Build Phases，展开 Link Binary With Libraries，并点击 + 添加以下依赖库：
- CoreTelephony.framework
- CoreLocation.framework
- Security.framework
- SystemConfiguration.framework
- libsqlite3.tbd
- libz.tbd
- libstdc++.6.tbd
添加 Tencent LBS SDK 到项目中：
- 拖拽 TencentMap.framework 和 TencentLocation.framework 到项目中，并选择 "Copy items if needed"。
- 在项目 General 设置中，添加 TencentMap.framework 和 TencentLocation.framework 到 Embedded Binaries。
在项目 Info.plist 中添加以下配置：
<key>TencentMapKey</key> <string>your_app_key</string>
将 your_app_key 替换成你的 AppKey。
添加权限和 SDK 初始化
在项目中使用 Tencent LBS SDK 需要获取以下权限：
- NSLocationWhenInUseUsageDescription：获取地理位置信息时的描述
在项目的 Info.plist 中添加以上权限描述。
然后在 AppDelegate.m 中添加以下代码：
#import <TencentLBS/TencentLBS.h>
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[[TencentLBSLocationManager sharedInstance] setApiKey:@"your_app_key"];
return YES;
}将 your_app_key 替换成你的 AppKey。
Android 端配置
添加 Tencent LBS SDK
在 Android 项目中，我们也需要手动添加 Tencent LBS SDK。
登录 Tencent LBS 开发者中心，在控制台中创建应用，并获取 AppKey。
下载 Tencent LBS SDK，并解压到某个目录下。
在 Android Studio 中打开项目，选择 File -> New -> New Module，选择 Import .JAR/.AAR Package，然后找到解压后的 TencentMapSDK.aar 文件，点击 Finish。
在项目的 build.gradle 文件中添加以下依赖：
implementation project(':tencentmapsdk') implementation 'com.tencent.lbs:lbslbs-rt~5.3.0:latest.release'在项目 AndroidManifest.xml 中添加以下配置：
-- -------------------- ---- ------- ---------------- ------------------------------------------------------ -- ---------------- -------------------------------------------------------- -- ---------------- ------------------------------------------------------ -- ---------------- -------------------------------------------------------- -- ---------------- -------------------------------------------------- -- ------------- ---------- ---------------------------- ------------------------------ --------------
将 your_app_key 替换成你的 AppKey。
添加 SDK 初始化
在 React Native 代码中，我们需要手动初始化 Tencent LBS SDK。我们可以在原生层封装一个方法，供 JavaScript 调用。
iOS 端实现
在 RCTTencentLBS.m 中添加以下初始化方法：
RCT_EXPORT_MODULE(TencentLBS)
RCT_EXPORT_METHOD(initSDK:(NSString *)apiKey) {
[[TencentLBSLocationManager sharedInstance] setApiKey:apiKey];
}Android 端实现
在 RCTTencentLBSModule.java 中添加以下初始化方法
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600555b081e8991b448d2cb4