Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 472 | Rev 474 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
472 stevensc 1 
import { useState, useEffect } from 'react'
2 
 
473 stevensc 3 
const useLocationAutocomplete = (inputRef) => {
472 stevensc 4 
    const [addresObject, setAddressObject] = useState({})
5 
    const [error, setError] = useState(null)
6 
    let autoComplete
7 
 
8 
    function handleScriptLoad(input) {
473 stevensc 9 
        autoComplete = new window.google.maps.places.Autocomplete(input, {
10 
            types: ['(cities)'],
11 
        })
472 stevensc 12 
        autoComplete.setFields([
13 
            'address_components',
14 
            'formatted_address',
15 
            'geometry',
16 
        ])
17 
        autoComplete.addListener('place_changed', handlePlaceSelect)
18 
    }
19 
 
20 
    function handlePlaceSelect() {
21 
        const addressObject = autoComplete.getPlace()
22 
        const query = addressObject.formatted_address
23 
        const address = {}
24 
 
25 
        if (query) {
26 
            setError(null)
27 
            addresObject.address_components?.map((address_component) => {
28 
                const address_component_name = address_component.long_name
29 
                const address_component_type = address_component.types[0]
30 
 
31 
                switch (address_component_type) {
473 stevensc 32 
                    case 'route':
33 
                        address['address1'] = address_component_name
472 stevensc 34 
                        break
473 stevensc 35 
                    case 'sublocality':
36 
                        address['address2'] = address_component_name
472 stevensc 37 
                        break
473 stevensc 38 
                    case 'locality':
39 
                        address['city1'] = address_component_name
472 stevensc 40 
                        break
473 stevensc 41 
                    case 'administrative_area_level_2':
42 
                        address['city2'] = address_component_name
472 stevensc 43 
                        break
473 stevensc 44 
                    case 'administrative_area_level_1':
45 
                        address['state'] = address_component_name
472 stevensc 46 
                        break
473 stevensc 47 
                    case 'country':
48 
                        address['country'] = address_component_name
472 stevensc 49 
                        break
473 stevensc 50 
                    case 'postal_code':
51 
                        address['postal_code'] = address_component_name
472 stevensc 52 
                        break
473 stevensc 53 
                    case 'geometry':
54 
                        address['latitude'] = address_component.latitude
55 
                        address['longitude'] = address_component.longitude
472 stevensc 56 
                        break
57 
                    default:
58 
                        break
59 
                }
60 
            })
61 
 
62 
            setAddressObject({ ...address, formatted_address: query })
473 stevensc 63 
        } else {
472 stevensc 64 
            setError('Ha ocurrido un error')
65 
        }
66 
    }
67 
 
68 
    useEffect(() => {
473 stevensc 69 
        if (inputRef) {
70 
            handleScriptLoad(inputRef)
71 
        }
472 stevensc 72 
    }, [inputRef])
73 
 
74 
    return { ...addresObject, error }
75 
}
76 
 
473 stevensc 77 
export default useLocationAutocomplete