react-native-s-baidumap -- 百度地图 React Native 模块，同时支持ios和android，react native 0.60.0+。

react-native-s-baidumap

百度地图 React Native 模块，同时支持ios和android，react native 0.60.0+。

支持模块：

• 基础定位 ✅
• 基础地图 ✅
• 个性化地图 ✅
• 离线地图 ✅
• 绘制点标记 ✅
• 绘制线 ✅
• 绘制弧线和面 ✅
• 自定义Infowindow
• 点聚合
• 绘制overlay
• POI检索 ✅
• 地点检索输入提示检索 ✅
• 地理编码 ✅
• 路线规划 ✅

DEMO预览

安装

npm i react-native-s-baidumap

或

yarn add react-native-s-baidumap

配置

如果你使用的react native的版本>=0.60.0,则无需做多余配置，只需要配置百度地图申请的key。

Android配置：

在 AndroidManifest 中添加：

<application>
    <meta-data
        android:name="com.baidu.lbsapi.API_KEY"
        android:value="你的key" />
</application>

IOS配置

注：ios更新版本需要删除之前导入的引用代码，重新导入新版本才会生效
第一步：
在Podfile文件中加入以下代码：

  pod 'BaiduMapKit', '5.1.0'
  pod 'BMKLocationKit', '1.8.0'

第二步：
在运行命令

cd ios && pod install

第三步：
等待安装成功后，进入ios工程文件夹，会看到一个.xcworkspace 结尾的文件 ，双击打开

第四步：
选中项目，右键添加文件

点击找到本项目node_modules下的react-native-s-baidumap -> iosLib -> RNSBaidumap,
将整个RNSBaidumap文件夹导入。

第五步：
需要添加桥接文件，选中项目右键，New File，选择h类型的头部文件创建，文件名为：你的项目名±Bridging-Header，如：reactNativeSBaidumap-Bridging-Header。

然后在该文件中添加以下代码：

#import <React/RCTBridgeModule.h>
#import <React/RCTViewManager.h>
#import <React/RCTEventEmitter.