1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
// lifted from here @ b72c098:
// https://github.com/streamich/react-use/blob/master/src/useGeolocation.ts
import { useState, useEffect } from 'react'
export const useGeolocation = () => {
const [state, setState] = useState({
loading: true,
accuracy: null,
altitude: null,
altitudeAccuracy: null,
heading: null,
latitude: null,
longitude: null,
speed: null,
timestamp: Date.now()
})
let mounted = true
let watchId
const onEvent = event => {
if (mounted) {
setState({
loading: false,
accuracy: event.coords.accuracy,
altitude: event.coords.altitude,
altitudeAccuracy: event.coords.altitudeAccuracy,
heading: event.coords.heading,
latitude: event.coords.latitude,
longitude: event.coords.longitude,
speed: event.coords.speed,
timestamp: event.timestamp
})
}
}
const onEventError = error =>
mounted && setState(oldState => ({ ...oldState, loading: false, error }))
useEffect(
() => {
navigator.geolocation.getCurrentPosition(onEvent, onEventError)
watchId = navigator.geolocation.watchPosition(onEvent, onEventError)
return () => {
mounted = false
navigator.geolocation.clearWatch(watchId)
}
},
[0]
)
return state
}
|
