開(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
接入地圖SDK
文檔地址react-native-amap3d陨闹、react-native-amap-geolocation
地圖組件東西比較多扑浸,暫時(shí)用不到引矩,這里主要講定位模塊梁丘。接入方式很簡(jiǎn)單就不再闡述了;
圖中信息是定位能拿到的信息旺韭,但也存在一些問(wèn)題需要注意:
問(wèn)題一:
免費(fèi)版定位有使用限制
問(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ì)地址
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)遇到的坑