react-navigator-geolocation

A react geolocationing hook

Installation

Yarn

``console $ yarn add react-navigator-geolocation`

Npm

`console $ npm install react-navigator-geolocation`

`Examples`

![Edit distracted-hellman-8ychm](https://codesandbox.io/s/distracted-hellman-8ychm?fontsize=14&hidenavigation=1&theme=dark) Simple syntax

`TSX import React from "react"; import useGeolocation from "react-navigator-geolocation";

const App: React.FC = () => { const { isEnabled, coords } = useGeolocation();

return isEnabled ? (

`{ coords?.latitude + ', ' + coords?.longitude }`


  ) : (
    Location permission is not enabled

  )
};
export default App;

![Edit cold-voice-ofn2p](https://codesandbox.io/s/cold-voice-ofn2p?fontsize=14&hidenavigation=1&theme=dark) Suppressed on mountage

`TSX

import React from "react"; import useGeolocation from "react-navigator-geolocation";

const App: React.FC = () => { const { isAvailable, isEnabled, coords, suppressRequest } = useGeolocation({ suppressOnMount: true });

return isAvailable ? ( isEnabled ? (


        Coordinates granted

        {coords?.latitude + ', ' + coords?.longitude}


    ) : isEnabled === false ? (
      Location permission disabled

    ) : (
      
    )
  ) : (
    Your browser doesn't support Geolocation API

  );
};

export default App;`

`Parameters`

| Param | Type | Default | Definition | | :-------------- | :-----: | :-----: | :--------- | | suppressOnMount | boolean |false| Suppress request on mountage | | positionOptions | object |{ enableHighAccuracy: true, timeout: 5000, maximumAge: 0 }| Read more | | watchMode | boolean |false` | When enable it returns periodically (by movement) coordinates |

> useGeolocation({ suppressOnMount: false, positionOptions: { enableHighAccuracy: true, timeout: 5000, maximumAge: 0 }, watchMode: false })

Response

> const { isAvailable, isSupressed, isEnabled, isExpired, coords, suppressRequest, watchId } = useGeolocation(...)

License

MIT