¿Cómo mapeo sobre estos datos en javascript? Estoy tratando de recorrer estos datos para Marcadores en Google Maps. Tiene problemas para agarrar el lat y el lng.
Datos de la console.log array --> array --> object --> lat/lng
LatLng: [ [ { "lat": 28.0440005, "lng": -82.3992308 }, { "lat": 28.050104, "lng": -82.39597859999999 }, { "lat": 29.6900252, "lng": -82.3733803 }, { "lat": 29.6900252, "lng": -82.3733803 }, { "lat": 29.6900252, "lng": -82.3733803 }, { "lat": 29.6900252, "lng": -82.3733803 } ] ]Este es mi código javascript para Google Maps. Intenté tomar el lat/lng de esta manera para que el marcador recorriera los datos. No estoy seguro de otros métodos para incluir. LatLng es un objeto de la matriz, por lo que no pude usar un método de mapa al principio.
{Object.values(LatLng).map(({ lat, lng }, index) => ( <Marker lat={lat} lng={lng} key={index}> {console.log(Object.values(LatLng))} </Marker>La matriz LatLng que compartió es una matriz bidimensional de objetos.
Debe hacer un bucle sobre el primer elemento de esa matriz. Tree-shake y extraiga primero la matriz LatLng.
const {LatLng} = // Insert your object structure here {LatLng[0].map(({ lat, lng }, index) => ( <Marker lat={lat} lng={lng} key={index}> {console.log(Object.values(LatLng))} </Marker>)))}{ LatLang && latLang[0].map((item, index) => ( <Marker lat={item[lat]} lng={item[lng]} key={index}> {console.log(item[lat] , item[lng])} </Marker> )}Probar:
{Array.isArray(data[0]) && data[0].map((element, index) => ( <Marker lat={element.lat} lng={element.lng} key={index}> {console.log(element.lat, element.lng)} </Marker> ))}