Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 474 | Rev 476 | 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) {
475 stevensc 9 
        autoComplete = new window.google.maps.places.Autocomplete(input)
472 stevensc 10 
        autoComplete.setFields([
11 
            'address_components',
12 
            'formatted_address',
13 
            'geometry',
14 
        ])
15 
        autoComplete.addListener('place_changed', handlePlaceSelect)
16 
    }
17 
 
18 
    function handlePlaceSelect() {
19 
        const addressObject = autoComplete.getPlace()
20 
        const query = addressObject.formatted_address
21 
        const address = {}
22 
 
474 stevensc 23 
        console.log(query, addressObject)
24 
 
472 stevensc 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 
 
474 stevensc 62 
            console.log(address)
63 
 
472 stevensc 64 
            setAddressObject({ ...address, formatted_address: query })
473 stevensc 65 
        } else {
472 stevensc 66 
            setError('Ha ocurrido un error')
67 
        }
68 
    }
69 
 
70 
    useEffect(() => {
473 stevensc 71 
        if (inputRef) {
72 
            handleScriptLoad(inputRef)
73 
        }
472 stevensc 74 
    }, [inputRef])
75 
 
76 
    return { ...addresObject, error }
77 
}
78 
 
473 stevensc 79 
export default useLocationAutocomplete