0

Tengo una coleccion llamada "routes" la cual tiene una subcoleccion llamada "points" por cada registro. Como puedo obtener los datos de "lat" y "lng" que ahi se encuentran?. Tengo implementado este codigo pero no logro acceder a dichos datos que mencione (lat, lng). Se los agradezco de antemano.

`
this.locationsCollection = this.afDB.list('/Marker');    
this.location = this.locationsCollection.snapshotChanges().pipe(
map(changes => 
    changes.map(c => ({
        key: c.payload.key, ...c.payload.val().points
    })))
)
    
this.location.subscribe(location => {
    console.log(location)      
    const points = location.map(item => {
        return { lat: item.lat, lng: item.lng}        
    });
    this.updateMap(points);      
})
`

introducir la descripción de la imagen aquí

6
  • El problema es que después de points como se aprecia en la imagen, tienes una clave autogenerada. Me pregunto por qué, eso lo único que hace es dificultar el acceso a lat y a lng, porque necesitarás conocer esa clave para entrar en el nodo. Revisa cómo estás guardando los datos y evita que esa clave se genere, metiendo lat y lng como hijos directos de points. Con la clave autogenerada que es padre de points bastaría para identificar los datos de forma única. Simplemente estás creando una estructura complicada sin necesidad.
    – A. Cedano
    Commented el 4 feb. 2021 a las 21:13
  • muchas gracias por tu respuesta. Sabes, es curioso porque hice el mismo codigo, pero en este agregue una ruta especifica como "Marker/-MQzgu8dHjlV5LLfnHm8" en this.afDB.list . Y en este caso si funcionó. Aunque solo me mostro una sola ruta. En la parte de abajo adjunto el mismo codigo, pero con lo que te mencione. Commented el 4 feb. 2021 a las 21:25
  • 1
    Entiendo... Pero una pregunta, ¿lo que hay en las claves autogeneradas son valores de otros puntos: lat, lng, timestamp? Si es así, retiro lo dicho en mi anterior comentario. Habrá que buscar una forma de iterar, si quieres sacar todos los valores. ¿Podrías decir qué muestra esto: console.log(location)?
    – A. Cedano
    Commented el 4 feb. 2021 a las 21:27
  • Si amigo. Esas claves que se generan, contienen diferentes coordenadas, las cuales las estoy usando para poder dibujar una linea en una aplicacion que tiene un mapa. Y bueno como te comente anteriormente, solo me funciona cuando especifico una sola ruta. Y lo que quiero, es poder listar todas para dibujar el resto de lineas. Commented el 4 feb. 2021 a las 21:31
  • 1
    Ok. En ese caso tendrás que recorrer todos los objetos usando un bucle o algo parecido. Lamentablemente no uso Firebase con ¿Angular? y no podría decirte cómo hacerlo.
    – A. Cedano
    Commented el 4 feb. 2021 a las 21:35

1 respuesta 1

0

En este codigo, puedo acceder a lat y lng. Pero el problema es que solo funciona cuando ingreso una ruta especifica.

showRoutes(){
this.locationsCollection = this.afDB.list('/biciruta/-MQtihU8VEm2XqXYYiWa/points/');
this.location = this.locationsCollection.snapshotChanges().pipe(
  map(changes => 
      changes.map(c => ({
        key: c.payload.key, ...c.payload.val()
      })))
)

this.location.subscribe(location => {
  console.log('nueva locacion: ', location);
  this.updateMap(location);
})

}

introducir la descripción de la imagen aquí

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.