React Native中react-native-baidu-map的安裝與使用

參考資料:

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末婿滓,一起剝皮案震驚了整個(gè)濱河市伤哺,隨后出現(xiàn)的幾起案子贞绵,更是在濱河造成了極大的恐慌,老刑警劉巖眶痰,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瘤旨,死亡現(xiàn)場離奇詭異,居然都是意外死亡竖伯,警方通過查閱死者的電腦和手機(jī)存哲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門因宇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人祟偷,你說我怎么就攤上這事察滑。” “怎么了修肠?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵贺辰,是天一觀的道長。 經(jīng)常有香客問我嵌施,道長饲化,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任吗伤,我火速辦了婚禮吃靠,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘足淆。我一直安慰自己巢块,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布巧号。 她就那樣靜靜地躺著夕冲,像睡著了一般。 火紅的嫁衣襯著肌膚如雪裂逐。 梳的紋絲不亂的頭發(fā)上歹鱼,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天,我揣著相機(jī)與錄音卜高,去河邊找鬼弥姻。 笑死,一個(gè)胖子當(dāng)著我的面吹牛掺涛,可吹牛的內(nèi)容都是我干的庭敦。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼薪缆,長吁一口氣:“原來是場噩夢啊……” “哼秧廉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拣帽,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤疼电,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后减拭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蔽豺,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年拧粪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了修陡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片沧侥。...
    茶點(diǎn)故事閱讀 40,040評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖魄鸦,靈堂內(nèi)的尸體忽然破棺而出宴杀,到底是詐尸還是另有隱情,我是刑警寧澤拾因,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布旺罢,位于F島的核電站,受9級特大地震影響盾致,放射性物質(zhì)發(fā)生泄漏主经。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一庭惜、第九天 我趴在偏房一處隱蔽的房頂上張望罩驻。 院中可真熱鬧,春花似錦护赊、人聲如沸惠遏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽节吮。三九已至,卻和暖如春判耕,著一層夾襖步出監(jiān)牢的瞬間透绩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工壁熄, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留帚豪,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓草丧,卻偏偏與公主長得像狸臣,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子昌执,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容