1

Tengo almacenada la lat y long y quiero convertirla a el nombre de la dirección (texto), estoy usando Angular Cli en su versión 12.1.4

Ayuda, porfavor

// De las siguientes variable obtengo la lat y la long // this savedMarked = this.bookingService.bookingModel.latlng <--- latlng es quien trae el objeto //de la lat y lng

LocToText() {
    //this.savedMarker?
    const lat = this.savedMarker?.lat
    const long = this.savedMarker?.lng
    this.bookingService.formatedAdrress(lat, long).subscribe( res => {
      
      res
      
    }
  )

//La peticion a la api de google

 formatedAdrress(lat: any, long: any){
    // const lat = '';
    // const long = ''
    const Key = 'x';
    let api_URL = 'https://maps.googleapis.com/maps/api/geocode/json?latlng='
    return this.http.get(api_URL + lat + long + '&key=' + Key)
  }

Este es el objeto: introducir la descripción de la imagen aquí

El error que recibo

introducir la descripción de la imagen aquí

Y en lo que envio en el body: introducir la descripción de la imagen aquí

11
  • Una forma: le agregas comillas simples.
    – fredyfx
    Commented el 15 dic. 2021 a las 21:53
  • ¿En donde deberia agregarselo?
    – Izlia
    Commented el 15 dic. 2021 a las 21:55
  • "'"+ lat + "'" + Algo así. Por otro lado, ¿qué error te da?
    – fredyfx
    Commented el 15 dic. 2021 a las 21:56
  • Ahhh, tu me dices en el servicio donde hago la petición? O en el suscribe?
    – Izlia
    Commented el 15 dic. 2021 a las 22:00
  • De error me da 400
    – Izlia
    Commented el 15 dic. 2021 a las 22:01

1 respuesta 1

0

Puedes hacer uso del objeto String. Por ejemplo:

if (!this.savedMarker) return; // Según la implementación, this.savedMarker puede estar indefinido
const { lat, lng } = this.savedMarker;
this.bookingService.formatedAdrress(String(lat), String(lng)).subscribe( res => {    
  // ...
}

De manera que podrías tipear la función implmentada como:

formatedAdrress (latitude: string, longitude: string) {
  let api_URL = 'https://maps.googleapis.com/maps/api/geocode/json?latlng='
  return this.http.get(
    api_URL +
    latitude +
    longitude +
    '&key=' +
    GOOGLE_MAPS_GEOCODE_KEY
  )
}

El formato de la Google Geocode API es:

https://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&amp;key=GOOGLE_MAPS_GEOCODE_KEY

Por lo que recomiendo verificar el valor de cada string para que se definan e implementen de la forma:

this.http.get(
  api_URL + // Siendo api_URL = 'https://maps.googleapis.com/maps/api/geocode/json?latlng='
  latitude +
  ',' +
  longitude +
  '&key=' +
  GOOGLE_MAPS_GEOCODE_KEY
);

O de manera un poco más resumida:

this.http.get(`${api_URL}${latitude},${longitude}&key=${GOOGLE_MAPS_GEOCODE_KEY}`);

Si estructuras la consulta de otra manera, es esperable que te retorne un error 400 Bad Request.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.