[RN] 사용자 현재 위치 정보 얻기 / GeoLocation

RN에서 react-native-community/geolocation 라이브러리를 사용하면
사용자 현재 위치 정보를 쉽게 가져올 수 있다.

https://github.com/michalchudziak/react-native-geolocation

 

가장 먼저 위치 정보를 얻기 위해 권한 설정을 해주어야 한다.

// ios
// react-native init 시 자동으로 생성되어 따로 추가할 필요 X
// 만약 없다면, info.plist에 아래 코드 추가 후 cd ios -> pod install
<key>NSLocationWhenInUseUsageDescription</key>
<string/>

// android/app/src/main/AndroidManifest.xml에 아래 코드 추가
// 정확한 위치
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
// 대략적인 위치
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

 

아래 코드는 적용 예시이다.

const geoLocation = () => {
  Geolocation.getCurrentPosition(
    position => {
      const latitude = JSON.stringify(position.coords.latitude);
      const longitude = JSON.stringify(position.coords.longitude);
      setLatitude(latitude);
      setLongitude(longitude);
    },
    err => {
      console.log(err.code, err.message)
    },
    {enableHighAccuracy: true, timeout: 15000, maximumAge: 10000},
  )
}