React Native 接入高德地圖以及定位能力(一)

開(kāi)始

接入第三方能力的常規(guī)操作连舍,到高德開(kāi)放平臺(tái)注冊(cè)賬號(hào)一疯,創(chuàng)建應(yīng)用,為對(duì)應(yīng)的平臺(tái)(Android/IOS/Web)創(chuàng)建不同的key

image.png

接入地圖SDK

文檔地址react-native-amap3d陨闹、react-native-amap-geolocation

地圖組件東西比較多扑浸,暫時(shí)用不到引矩,這里主要講定位模塊梁丘。接入方式很簡(jiǎn)單就不再闡述了;


image.png

圖中信息是定位能拿到的信息旺韭,但也存在一些問(wèn)題需要注意:

問(wèn)題一:

免費(fèi)版定位有使用限制

image.png

問(wèn)題###### 二:
一般我們需要的主要信息是經(jīng)緯度以及地址信息氛谜,
在實(shí)際測(cè)試過(guò)程發(fā)現(xiàn)Android是能拿到經(jīng)緯度(地理編碼)和地址信息(逆地理編碼),IOS獲取不到地址信息区端,所以需要對(duì)無(wú)法獲取到詳細(xì)地址的情況進(jìn)行處理值漫;這時(shí)候就需要web服務(wù)Api類型key,逆地理編碼文檔,補(bǔ)刀獲取詳細(xì)地址
image.png

export const getAddress = (lat, lng, callback) => {
    fetch(`https://restapi.amap.com/v3/geocode/regeo?key=${web key}&location=${lng},${lat}`, {
        method: 'GET',
    })
        .then(response => response.json())
        .then(result => {
            console.log('result', result);
        })
        .catch(error => {
            console.log('error', error);
        });
};

同時(shí)在定位位置不對(duì)時(shí)织盼,我們需要通過(guò)react-native-amap3d手動(dòng)選點(diǎn)時(shí)只能拿到經(jīng)緯度杨何,是不能獲取到地址信息的,這時(shí)也需要通過(guò)上面的web api逆地理編碼來(lái)拿到地址信息沥邻;這樣我們就能夠?qū)崿F(xiàn)個(gè)人定位信息的獲任J;

在下篇博客將會(huì)將到如何選點(diǎn)唐全,如何畫點(diǎn)埃跷,如何喚起高德導(dǎo)航蕊玷,以及該地圖組件在選點(diǎn)、畫點(diǎn)遇到的坑

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末弥雹,一起剝皮案震驚了整個(gè)濱河市垃帅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌剪勿,老刑警劉巖贸诚,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異厕吉,居然都是意外死亡赦颇,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門赴涵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人订讼,你說(shuō)我怎么就攤上這事髓窜。” “怎么了欺殿?”我有些...
    開(kāi)封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵寄纵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我脖苏,道長(zhǎng)程拭,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任棍潘,我火速辦了婚禮恃鞋,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘亦歉。我一直安慰自己恤浪,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布肴楷。 她就那樣靜靜地躺著水由,像睡著了一般。 火紅的嫁衣襯著肌膚如雪赛蔫。 梳的紋絲不亂的頭發(fā)上砂客,一...
    開(kāi)封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音呵恢,去河邊找鬼鞠值。 笑死,一個(gè)胖子當(dāng)著我的面吹牛渗钉,可吹牛的內(nèi)容都是我干的齿诉。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼粤剧!你這毒婦竟也來(lái)了歇竟?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤抵恋,失蹤者是張志新(化名)和其女友劉穎焕议,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體弧关,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡盅安,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了世囊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片别瞭。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖株憾,靈堂內(nèi)的尸體忽然破棺而出蝙寨,到底是詐尸還是另有隱情,我是刑警寧澤嗤瞎,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布墙歪,位于F島的核電站,受9級(jí)特大地震影響贝奇,放射性物質(zhì)發(fā)生泄漏虹菲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一掉瞳、第九天 我趴在偏房一處隱蔽的房頂上張望毕源。 院中可真熱鬧,春花似錦陕习、人聲如沸脑豹。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)瘩欺。三九已至,卻和暖如春拌牲,著一層夾襖步出監(jiān)牢的瞬間俱饿,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工塌忽, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拍埠,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓土居,卻偏偏與公主長(zhǎng)得像枣购,于是被迫代替她去往敵國(guó)和親嬉探。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348