1. npm install

打開終端進入目標(biāo)項目文件夾下,執(zhí)行npm install react-native-amap-location --save

2. Gradle 設(shè)置

進入項目文件夾下android目錄下settings.gradle文件,加上如圖標(biāo)出的語句.

gradle設(shè)置

include ':reactamaplocation'

project(':reactamaplocation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-amap-location')

3. 更新App ?Gradle編譯設(shè)置

進入項目文件夾下android/app/build.gradle,打開文件

gradle編譯設(shè)置

4. 注冊React Package

進入項目進入項目文件夾android/app/src/main/java..下MainActivity.java文件

import com.xiaobu.amap.AMapLocationReactPackage;

...//不要忘記導(dǎo)入包

@Override

protected List getPackages() {

? ? ? ? ?returnArrays.asList(

? ? ? ? newMainReactPackage(),

? ? ? ? newAMapLocationReactPackage());// <-- Register package here

}

注冊設(shè)置

5. 添加地圖Service,Appkey和權(quán)限配置

進入項目進入項目文件夾android/app/src/main下的XML文件

權(quán)限配置

android:value="一定要輸入自己申請的key值".下面會講如何申請key值.

6. 高德地圖key值申請

這里提供給你們一個申請key值得鏈接http://lbs.amap.com/,進入這個網(wǎng)站,按照提示注冊賬號,然后進入[控制臺]

大致會看到下圖的界面.

申請界面

點擊創(chuàng)建新應(yīng)用,這里創(chuàng)建一個test應(yīng)用,點擊添加新key值

test

根據(jù)自己需要設(shè)置,上述所說針對Android平臺

添加新key值

SHA1的值需要自己獲取.這里提供一種方式,IDE,電腦系統(tǒng)不同獲取方式也可能不同,可以自己百度查看如何獲取.

http://lbs.amap.com/api/android-location-sdk/guide/creat-project/get-key/#sha1

Package需要和自己設(shè)置的包名一致,最簡單的方式查看這個文件,填寫Package.

包名填寫

7. 使用實例

import AMapLocation from'react-native-amap-location';

...

componentDidMount() {

this.unlisten = AMapLocation.addEventListener((data) => console.log('data', data));

AMapLocation.startLocation({

? ? ?accuracy:'HighAccuracy',

? ? killProcess:true,

? ? needDetail:true,

});

}

componentWillUnmount() {

? ? AMapLocation.stopLocation();

? ?this.unlisten();

}

...

代碼就是這么簡單,console打印出來的信息格式如下

輸出格式

可以根據(jù)自己需要的參數(shù)通過data.latitude這種格式獲得.