javascript add key to array value lat and lng for google map latlng

Question

I have an array that look like these: these are coordinates from an API

const paths = [
  [22.372081, 114.107877],
  [22.326442, 114.167811],
  [22.284419, 114.159510]
];

I need to convert it to something like these: with keys of lat and lng for each row.

{lat: 22.372081, lng: 114.107877},
{lat: 22.326442, lng: 114.167811},
{lat: 22.284419, lng: 114.159510}

I only have this short code but its not working what i wanted.

const waypts= [];
const paths = [
  [22.372081, 114.107877],
  [22.326442, 114.167811],
  [22.284419, 114.159510]
];
for(let i = 0; i < paths.length; i++) {
  waypts.push({
    location: new google.maps.LatLng(paths[i]),
    stopover: false,
  });
  console.log(paths[i]);
}
console.log(waypts);

Have you tried, paths.map(([lat,lng])=>({lat,lng}))?

Mr. Polywhirl
– Mr. Polywhirl

2020-11-02 12:40:12 +00:00
Commented Nov 2, 2020 at 12:40 — Mr. Polywhirl
– Mr. Polywhirl, Commented Nov 2, 2020 at 12:40

mickl · Accepted Answer · 2020-11-02 12:38:55Z

3

You can use array.map() and destructure an array of arrays:

const paths = [
  [22.372081, 114.107877],
  [22.326442, 114.167811],
  [22.284419, 114.159510]
];

let result = paths.map(([lat, lng]) => ({lat, lng}));

console.log(result);

answered Nov 2, 2020 at 12:38

mickl

50.1k9 gold badges71 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kunal Mukherjee · Accepted Answer · 2020-11-02 12:39:13Z

2

Use array destructuring with alongwith Array.prototype.map to get the result.

const paths = [
  [22.372081, 114.107877],
  [22.326442, 114.167811],
  [22.284419, 114.159510]
];

const waypts = paths.map(([lat, long]) => ({ lat, long }));
console.log(waypts);

answered Nov 2, 2020 at 12:39

Kunal Mukherjee

5,8733 gold badges29 silver badges55 bronze badges

Comments

StepUp · Accepted Answer · 2020-11-02 12:47:34Z

0

It is nested array, so we can flat this array using flatMap method:

const paths = [
  [22.372081, 114.107877],
  [22.326442, 114.167811],
  [22.284419, 114.159510]
];

let result = paths.flatMap(([lat, lon]) => ({lat, lon}));
console.log(result)

answered Nov 2, 2020 at 12:47

StepUp

38.5k16 gold badges95 silver badges159 bronze badges

Collectives™ on Stack Overflow

javascript add key to array value lat and lng for google map latlng

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related