參考資料:
github官方網(wǎng)址 :https://github.com/lovebing/react-native-baidu-map
步驟參照官方網(wǎng)址即可
安裝
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
//這個(gè)權(quán)限用于進(jìn)行網(wǎng)絡(luò)定位
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
//這個(gè)用于訪問GPS定位
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
//用于方位WIFI網(wǎng)絡(luò)信息 wifi信息會用于網(wǎng)絡(luò)定位
<uses-permisssion android:name="android.permission.ACCESS_WIFI_STATE"/>
添加網(wǎng)絡(luò)配置權(quán)限等
添加百度api key(非常重要) 不添加會只出現(xiàn)網(wǎng)格
<meta-data android:name="com.baidu.lbsapi.API_KEY" ?android:value="此處為你申請的api值"/>
百度API的申請:
1.進(jìn)入百度地圖開放平臺:
http://lbsyun.baidu.com/ ? ? ?//需要登錄注冊
2.進(jìn)入API控制臺
3創(chuàng)建應(yīng)用
應(yīng)用名稱此處可隨便寫
*發(fā)布版SHA1:
步驟 :http://lbsyun.baidu.com/index.php?title=androidsdk/guide/key
第1步:運(yùn)行進(jìn)入控制臺(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 ?此時(shí)的秘鑰庫口令為默認(rèn)的: android
如果你已經(jīng)打包成功 ?此處不是debug.keystore 而是你自己的簽名文件的路徑 比如:
keytool -list -v -keystore? F:\Java\jdk\bin\my-release-key.keystore? 此時(shí)的秘鑰庫口令為你的簽名證書的密碼: ******
否則會出現(xiàn)只是網(wǎng)格定位不成功的情況
*包名在AndroidMainifest.xml中的 package:'包名'
使用:
官方文檔非常詳細(xì)
地址:https://github.com/lovebing/react-native-baidu-map/blob/master/demo/BaiduMapDemo.js