Typeerror: Undefined Is Not an Object( Evaluating 'Navigator. Geolocation. getCurrentPosition') in React-Native-Google-Places-Autocomplete

I am trying to use react-native-google-places-autocomplete for google places and at the sametime I want user current position also.

But im getting an error called as

TypeError: undefined is not an object( evaluating 'navigator.geolocation.getCurrentPosition')

i have gone through net searching for solutions everyone saying navigator.geolocation.getCurrentPosition works fine.

but dont know why it is not working for me..

Here is my code

componentDidMount() {
navigator.geolocation.getCurrentPosition(
  position => {
    const initialPosition = JSON.stringify(position);
    let region = {
        latitude: position.coords.latitude,
        longitude: position.coords.longitude,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421,
        }
    this.setState({initialPosition:region});
    console.log("lat "+position.coords.latitude+" longi "+position.coords.longitude)
    console.log("initialPosition")
    console.log(this.state.initialPosition)
  },
   error => console.log("Error "+ JSON.stringify(error)),
  {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000},
);
this.watchID = Geolocation.watchPosition(position => {
  const lastPosition = JSON.stringify(position);
  this.setState({lastPosition});
});

}

4

3 Answers

i have been through @react-native-community/geolocation and i found solution here. i have done the following steps. 1. install @react-native-community/geolocation via

npm install @react-native-community/geolocation --save
  1. add the following line above the class in GooglePlacesAutocompleteExample.js file in side nodemodules of react-native-google-places-autocomplete

    navigator.geolocation = require('@react-native-community/geolocation'); finish it works..

1
  1. npm install @react-native-community/geolocation --save
  2. import Geolocation from '@react-native-community/geolocation';
  3. Instead of navigator.geolocation.getCurrentPosition use Geolocation.getCurrentPosition
1

With reference to react-native documentation, starting from react-native 0.58, react-native team suggests to use @react-native-community/geolocation. And the API for geolocation before react-native 0.58 is deprecated.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Robert Thorne

Robert Thorne

Automotive & Future Transportation Editor

Robert Thorne covers electric vehicle innovations, autonomous driving systems, global mobility trends, and automotive engineering developments.

Share this article
Twitter Facebook Pinterest