Google Maps API中如何将path.td转换为经纬度数组并解决距离计算异常问题

1. 编辑/撤销操作后经纬度格式异常导致geolib计算失败的修复方案 #

异常的核心原因是编辑、撤销操作后拿到的坐标不是geolib兼容的标准格式，大概率是混入了Google Maps原生LatLng类实例、空值、嵌套结构或者非数值类型的经纬值，可通过坐标标准化清洗解决：

• 每次调用geolib计算方法前，先对原始坐标数组做一次格式校验和转换，过滤无效值
• 统一将所有坐标转换为geolib兼容的格式，示例清洗代码如下：

const standardCoords = rawCoords.map(coord => {
  // 适配Google Maps LatLng类实例
  if (coord.lat && typeof coord.lat === 'function') {
    return {
      lat: coord.lat(),
      lng: coord.lng()
    }
  }
  // 适配已经是纯对象的有效坐标
  if (coord.lat && coord.lng && typeof coord.lat === 'number' && typeof coord.lng === 'number') {
    return coord
  }
  // 标记无效坐标后续过滤
  return null
}).filter(Boolean)

清洗完成后再将standardCoords传入geolib的对应计算方法即可正常执行距离计算。

2. Google Maps API中path.td转换为经纬度数组的方法 #

你看到的td是Google Maps MVCArray的内部私有属性，不同版本的API私有属性名可能发生变化，不建议直接读取私有属性，优先使用官方公开的API方法做转换，稳定且兼容性更强：

// 假设polyline是你创建的多段线/多边形实例
const path = polyline.getPath()
const latLngArray = []
// 遍历MVCArray获取所有坐标点
for (let i = 0; i < path.getLength(); i++) {
  const latLng = path.getAt(i)
  // 输出{lat: xxx, lng: xxx}格式，适配geolib
  latLngArray.push({
    lat: latLng.lat(),
    lng: latLng.lng()
  })
  // 如果需要[经度, 纬度]格式，替换为下面的代码即可
  // latLngArray.push([latLng.lng(), latLng.lat()])
}

如果确实需要临时适配path.td的场景，可使用如下兜底代码：

const latLngArray = (path.td || []).map(item => ({
  lat: typeof item.lat === 'function' ? item.lat() : item.lat,
  lng: typeof item.lng === 'function' ? item.lng() : item.lng
}))

内容的提问来源于stack exchange，提问作者Sai Charan