转换 json 数组以用作谷歌地图标记

Question

I am newbie and working my way so happy to get all the ideas I can. I have an external system which sends me this json file

[149.9900000,-33.8900000,\\"Hume Hwy, Table Top\\"],[151.5400000,-33.0400000,\\"Newport Rd, Dora Creek\\"]

I am not sure how I can convert this into a something like this

{"markers":[{"name":"Hume Hwy, Table Top","position":[149.9900000,-33.8900000],},{"name":"Newport Rd, Dora Creek","location":[151.5400000,-33.0400000]}}]}

so that I can consume into google maps.

Cheers Nick

Answer 1

Considering your server sends proper JSON structure what you can do is parse the string to object using JSON.parse in browser by doing JSON.parse(response) .

I am assuming your server sends;

"[[149.99,-33.89,\\"Hume Hwy, Table Top\\"],[151.54,-33.04,\\"Newport Rd, Dora Creek\\"]]" which is a multidimensional proper json response.

We can parse this response and then map the response properly into your required object, so;

• Parse the response:

const parsedMarkerData = JSON.parse("[[149.99,-33.89,\"Hume Hwy, Table Top\"],[151.54,-33.04,\"Newport Rd, Dora Creek\"]]");

• Convert into your required structure:

const markers = [];
for(const marker of parsedMarkerData){
  // destructuring the array
  const [x, y, name] = marker;
  // putting into object
  markers.push({
    name, position: [x, y]
  });
}

• Combining the response into the object with marker key:

const finalObject = { markers };

Finally, finalObject contains the your required structure that can be consumed into google maps.

Check this codesandbox to view all the parts running together.