参考资料：

github官方网址 ：https://github.com/lovebing/react-native-baidu-map

步骤参照官方网址即可

安装

npm install react-native-baidu-map --save

配置

settings.gradle

include ':react-native-baidu-map' 

project(':react-native-baidu-map').projectDir = new File(settingsDir, '../node_modules/react-native-baidu-map/android')

build.gradle

compile project(':react-native-baidu-map')

MainApplication

new BaiduMapPackage(getApplicationContext())

AndroidMainifest.xml

//这个权限用于进行网络定位

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>

//这个用于访问GPS定位

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>

//用于方位WIFI网络信息 wifi信息会用于网络定位

<uses-permisssion android:name="android.permission.ACCESS_WIFI_STATE"/>

添加网络配置权限等

添加百度api key(非常重要) 不添加会只出现网格

<meta-data android:name="com.baidu.lbsapi.API_KEY"  android:value="此处为你申请的api值"/>

百度API的申请：

1.进入百度地图开放平台：

http://lbsyun.baidu.com/      //需要登录注册

2.进入API控制台

3创建应用

应用名称此处可随便写

*发布版SHA1：

步骤 :http://lbsyun.baidu.com/index.php?title=androidsdk/guide/key

第1步：运行进入控制台(window+R)

第2步：定位到.android文件夹下，输入cd .android

第3步：输入keytool -list -v -keystore debug.keystore，会得到三种指纹证书，选取SHA1类型的证书（密钥口令是android），例如：

其中keytool为jdk自带工具；keystorefile为Android 签名证书文件

输入keytool -list -v -keystore debug.keystore  此时的秘钥库口令为默认的： android

如果你已经打包成功  此处不是debug.keystore 而是你自己的签名文件的路径 比如:

keytool -list -v -keystore  F:\Java\jdk\bin\my-release-key.keystore  此时的秘钥库口令为你的签名证书的密码： ******

否则会出现只是网格定位不成功的情况

*包名在AndroidMainifest.xml中的 package:'包名'

使用：

官方文档非常详细

地址：https://github.com/lovebing/react-native-baidu-map/blob/master/demo/BaiduMapDemo.js