react native geolocation not providing exact location in real device

Question

have you done any live tracking demo like Uber in react native?

i made one. it's working fine in emulator & simulator with custom location but couldn't get proper location in real device using navigator.geolocation.

watchID = null;

componentDidMount(){


    navigator.geolocation.getCurrentPosition((position) => {
        let lat = parseFloat(position.coords.latitude);
        let long = parseFloat(position.coords.longitude);

        let initialRegion = {
            latitude : lat,
            longitude : long,
            latitudeDelta : LATITUDE_DELTA,
            longitudeDelta : LONGITUDE_DELTA
        }

        this.setState({ initialPosition : initialRegion });
        this.setState({ markerPostition : initialRegion });
    }, (error) => { 
        alert(JSON.stringify(error)) 
    });


    this.watchID = navigator.geolocation.watchPosition((position) => {

         let lat = parseFloat(position.coords.latitude);
         let long = parseFloat(position.coords.longitude);

        let lastRegion = {
            latitude : lat,
            longitude : long,
            latitudeDelta : LATITUDE_DELTA,
            longitudeDelta : LONGITUDE_DELTA
        }

        this.setState({ initialPosition : lastRegion });
        this.setState({ markerPostition : lastRegion });    
    });


}

componentWillUnmount(){
    navigator.geolocation.clearWatch(this.watchID);
}

i had set enableHighAccuracy to true but it was throwing error, so, i just removed it. now i'm not getting proper (exact) location of device.

please suggest me Geolocation setup with watchPosition what's worked better for you in case of you made any related project(s).

if you have your code in git repo then i will be thankful of your. forgive me if i did any grammatical mistakes.

VnoitKumar · Accepted Answer · 2020-07-08 11:29:52Z

1

componentDidMount() {
  Geolocation.getCurrentPosition(
    (pos) => {
      const coords = {
        latitude: pos.coords.latitude,
        longitude: pos.coords.longitude
      };
      this.setState((prevState) => {
        return {
          focusedLocation: {
            ...prevState.focusedLocation,
            latitude: coords.latitude,
            longitude: coords.longitude
          }
        };
      });
      console.log(coords.latitude, coords.longitude);
      return this.geocoder(coords.latitude, coords.longitude);
    },
    (err) => {
      alert('Fetching the Position failed, please check location is enable!');
    },
    { enableHighAccuracy: false, timeout: 10000 }
  );
}

this will work perfectly...try this

edited Jul 8, 2020 at 11:29

VnoitKumar

1,42618 silver badges30 bronze badges

answered Jul 8, 2020 at 3:08

surya raghul

871 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

shuberman Over a year ago

Add code formatting to your code on first line and consider adding some explanation

Shashank Srivastava · Accepted Answer · 2018-02-16 08:09:30Z

0

I have used geolocation in my project and it works perfectly, here is the setup of my geolocation try if it fixes your issue

 navigator.geolocation.getCurrentPosition(
            (position) => {
              //position.coords.latitude for latitude 
              //position.coords.longitude for longitude
            },
            (error) => console.warn(error.message),
            { enableHighAccuracy: false, timeout: 10000 }
          )

Watchposition code is same as yours

answered Feb 16, 2018 at 8:09

Shashank Srivastava

5194 silver badges9 bronze badges

1 Comment

Chirag Lathiya Over a year ago

thanks Shashank Srivastava, i solved my issue by add add {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000} in getCurrentPosition & by adding { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000, distanceFilter: 10 } in watchPosition thanks

deepanshu katyal · Accepted Answer · 2020-05-25 05:41:33Z

0

enableHighAccuracy: true which will help to find the exact location

answered May 25, 2020 at 5:41

deepanshu katyal

6811 gold badge9 silver badges21 bronze badges

Collectives™ on Stack Overflow

react native geolocation not providing exact location in real device

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related