Proyectos de Subversion LeadersLinked - Antes de SPA

$this->inlineScript()->appendFile('https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places');

$googleMapPlacesUrl = 'https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places';

$error_msg = "Por favor seleccione una ubicación real";

$js = <<<JS

let autoComplete;

function handleScriptLoad(updateQuery, autoCompleteRef, setAddresObject, setError) {

  autoComplete = new window.google.maps.places.Autocomplete(

    autoCompleteRef.current,

    { types: ["(cities)"]}

  );

  autoComplete.setFields(["address_components", "formatted_address", "geometry"]);

  autoComplete.addListener("place_changed", () =>

    handlePlaceSelect(updateQuery, setAddresObject, setError)

  );

}

async function handlePlaceSelect(updateQuery, setAddresObject, setError) {

  const addressObject = autoComplete.getPlace();

  // console.log(addressObject.geometry.location.lat());

  // console.log(addressObject.geometry.location.lng());

  const query = addressObject.formatted_address;

  if(query){

    setError("");

    updateQuery(query);

    setAddresObject({

      ...addressObject, 

      address_components:[

        ...addressObject.address_components, 

        {

          latitude: addressObject.geometry.location.lat(),

          longitude: addressObject.geometry.location.lng(), 

          types:["geometry"]

        }

      ]

    });

  }else{

    setError("$error_msg");

  }

}

JS;

$this->inlineScript()->appendScript($js);