如何将API返回的坐标数据转换为Google Maps标记点要求的数组格式

你可以直接通过数组遍历映射完成格式转换，核心是做字段对齐，对应关系如下：

• 接口返回的latitude字段映射为Google要求的lat
• 接口返回的longitude字段映射为Google要求的lng
• 接口返回的name字段直接作为第二个元素的地点名
• 第三个序号可以使用遍历索引+1，也可以直接用接口返回的id字段，可根据业务需求调整

转换代码示例 #

// 此处为接口返回的原始数据，可替换为你实际接口请求返回的结果
const apiResponse = [{"id":40,"name":"3C Cinnah Cafe","longitude":32.855826,"latitude":39.896092},{"id":49,"name":"A.K. Simit Fırın Cafe","longitude":32.8469142,"latitude":39.8871573},{"id":61,"name":"Aroma Coffee","longitude":32.7981522,"latitude":39.8943212}];

// 使用数组map方法完成转换
const googleMapStops = apiResponse.map((item, index) => {
  return [
    { lat: item.latitude, lng: item.longitude },
    item.name,
    // 若要使用接口返回的id作为第三个参数，将index + 1改为item.id即可
    index + 1
  ]
});

转换完成后的googleMapStops变量格式完全符合Google Maps要求，可直接传入标记点渲染逻辑使用。

内容的提问来源于stack exchange，提问作者Emre Akbaki