Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6823 Rev 6824
Línea 25... Línea 25...
25 
	$this->inlineScript()->captureStart();
 25 
	$this->inlineScript()->captureStart();
26 
	echo " jQuery( document ).ready(function( $ ) { $notify }); ";
 26 
	echo " jQuery( document ).ready(function( $ ) { $notify }); ";
27 
	$this->inlineScript()->captureEnd();
 27 
	$this->inlineScript()->captureEnd();
28 
}
 28 
}
Línea -... Línea 29...
- 
 
 29 
 
- 
 
 30 
$this->inlineScript()->appendFile('https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places');
- 
 
 31 
$googleMapPlacesUrl = 'https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places';
- 
 
 32 
$error_msg = "Por favor seleccione una ubicación real";
- 
 
 33 
 
- 
 
 34 
$js = <<<JS
- 
 
 35 
let autoComplete;
- 
 
 36 
 
- 
 
 37 
function handleScriptLoad(updateQuery, autoCompleteRef, setAddresObject, setError) {
- 
 
 38 
  autoComplete = new window.google.maps.places.Autocomplete(
- 
 
 39 
    autoCompleteRef.current,
- 
 
 40 
    { types: ["(cities)"]}
- 
 
 41 
  );
- 
 
 42 
  autoComplete.setFields(["address_components", "formatted_address", "geometry"]);
- 
 
 43 
  autoComplete.addListener("place_changed", () =>
- 
 
 44 
    handlePlaceSelect(updateQuery, setAddresObject, setError)
- 
 
 45 
  );
- 
 
 46 
}
- 
 
 47 
 
- 
 
 48 
async function handlePlaceSelect(updateQuery, setAddresObject, setError) {
- 
 
 49 
  const addressObject = autoComplete.getPlace();
- 
 
 50 
  // console.log(addressObject.geometry.location.lat());
- 
 
 51 
  // console.log(addressObject.geometry.location.lng());
- 
 
 52 
  const query = addressObject.formatted_address;
- 
 
 53 
  if(query){
- 
 
 54 
    setError("");
- 
 
 55 
    updateQuery(query);
- 
 
 56 
    setAddresObject({
- 
 
 57 
      ...addressObject,
- 
 
 58 
      address_components:[
- 
 
 59 
        ...addressObject.address_components,
- 
 
 60 
        {
- 
 
 61 
          latitude: addressObject.geometry.location.lat(),
- 
 
 62 
          longitude: addressObject.geometry.location.lng(),
- 
 
 63 
          types:["geometry"]
- 
 
 64 
        }
- 
 
 65 
      ]
- 
 
 66 
    });
- 
 
 67 
  }else{
- 
 
 68 
    setError("$error_msg");
- 
 
 69 
  }
- 
 
 70 
}
- 
 
 71 
JS;
- 
 
 72 
 
Línea 29... Línea 73...
29 
 
 73 
$this->inlineScript()->appendScript($js);
30 
 
 74 
 
31 
?>
 75 
?>