Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4674 | Rev 5070 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4674 Rev 4675
Línea 47... Línea 47...
47 
$js = <<<JS
 47 
$js = <<<JS
Línea 48... Línea 48...
48 
 
 48 
 
49 
 
 49 
 
50 
// autoComplete place
 - 
 
Línea 51... Línea 50...
51 
let autoComplete;
 50 
// autoComplete place
52 
let query;
 51 
let autoComplete;
53 
 
 52 
 
54 
function handleScriptLoad(updateQuery, autoCompleteRef, setAddresObject, setError) {
 53 
function handleScriptLoad(updateQuery, autoCompleteRef, setAddresObject, setError) {
55 
  autoComplete = new window.google.maps.places.Autocomplete(
 54 
  autoComplete = new window.google.maps.places.Autocomplete(
56 
    autoCompleteRef.current,
 55 
    autoCompleteRef.current,
57 
    { types: ["(cities)"]}
 - 
 
58 
  );
 - 
 
59 
  autoComplete.setFields(["address_components", "formatted_address", "geometry"]);
 - 
 
60 
 
 - 
 
61 
  const addressObject = autoComplete.getPlace();
 - 
 
62 
 
 - 
 
63 
  if(addressObject) {
 - 
 
64 
    query = addressObject.formatted_address
 - 
 
65 
  }
 - 
 
66 
 
 - 
 
67 
  if(query){
 - 
 
68 
    handlePlaceSelect(query,addressObject,updateQuery, setAddresObject)
 - 
 
69 
  } else {
 - 
 
70 
    setError("$error_msg")
 56 
    { types: ["(cities)"]}
71 
  }
 57 
  );
72 
 
 58 
  autoComplete.setFields(["address_components", "formatted_address", "geometry"]);
73 
  autoComplete.addListener("place_changed", () =>
 59 
  autoComplete.addListener("place_changed", () =>
Línea 74... Línea 60...
74 
    handlePlaceSelect(query,addressObject,updateQuery, setAddresObject)
 60 
    handlePlaceSelect(updateQuery, setAddresObject, setError)
- 
 
 61 
  );
- 
 
 62 
}
- 
 
 63 
 
- 
 
 64 
async function handlePlaceSelect(updateQuery, setAddresObject, setError) {
- 
 
 65 
  const addressObject = autoComplete.getPlace();
- 
 
 66 
  // console.log(addressObject.geometry.location.lat());
75 
  );
 67 
  // console.log(addressObject.geometry.location.lng());
76 
}
 - 
 
77 
 
 - 
 
78 
async function handlePlaceSelect(query, addressObject ,updateQuery, setAddresObject) {
 - 
 
79 
    updateQuery(query);
 68 
  const query = addressObject.formatted_address;
80 
    setAddresObject({
 69 
  if(query){
81 
      ...addressObject,
- 
 
82 
      address_components:[
 - 
 
83 
        ...addressObject.address_components,
70 
    setError("");
84 
      {
 - 
 
85 
        latitude: addressObject.geometry.location.lat(),
 - 
 
86 
        longitude: addressObject.geometry.location.lng(),
71 
    updateQuery(query);
87 
        types:["geometry"]
 72 
    setAddresObject({...addressObject, address_components:[...addressObject.address_components, {latitude: addressObject.geometry.location.lat(),longitude: addressObject.geometry.location.lng(), types:["geometry"]}]});
Línea 88... Línea 73...
88 
      }
 73 
  }else{
89 
    ]
 74 
    setError("$error_msg");
90 
  })
 75 
  }