How to format this array:
array = ["37.772, -122.214", "-27.467, 153.027"]
into Lat/Lng for google map API that look like this:
flightPlanCoordinates = [
{lat: 37.772, lng: -122.214},
{lat: -27.467, lng: 153.027}];
I'm trying this code:
let latLngArray = [];
for (let i = 0; i < array.length; i++) {
const gData = new google.maps.LatLng(array[i][0], array[i][1]);
latLngArray.push(gData);
}
but it resulting lat lng without value:
Using map, split and destructing
const flightPlanCoordinates = ["37.772, -122.214", "-27.467, 153.027"]
.map(coor => {
const [lat,lng] = coor.split(",");
return {lat:+lat,lng:+lng}
})
console.log(flightPlanCoordinates)
// OR mapping to number after splitting
const flightPlanCoordinates1 = ["37.772, -122.214", "-27.467, 153.027"]
.map(coor => {
const [lat,lng] = coor.split(",").map(Number);
return {lat,lng}
})
console.log(flightPlanCoordinates1)
Use map and split methods.
const array = ["37.772, -122.214", "-27.467, 153.027"];
const updated = array.map(item => {
const [lat, lng] = item.split(", ").map(x => Number(x));
return { lat, lng };
});
console.log(updated);
Another approach with slice could be:
const array = ["37.772, -122.214", "-27.467, 153.027"];
let flightPlanCoordinates = array.map(coor => ({lat: +coor.slice(0, coor.indexOf(',')),
lng: +coor.slice(coor.indexOf(',') +1)}));
console.log(flightPlanCoordinates)
.map(coor => { const [lat,lng] = coor.split(",").map(Number); return {lat,lng} }), -1 by the way