如何从Directions API获取完整LatLng坐标对形式的路线？

要实现用TurfJS计算点到Directions API返回路线的最短距离，核心是从API响应中提取完整的经纬度坐标对，再转换为TurfJS的LineString格式，具体步骤如下：

1. 从Directions API响应中获取路线的编码数据 #

主流的Directions API（如谷歌Maps Directions API、Mapbox Directions API）都会返回路线的**编码折线（Polyline）**或直接提供GeoJSON格式的路线几何数据：

• 谷歌Maps Directions API：响应中routes[0].overview_polyline.points字段是编码后的折线字符串
• Mapbox Directions API：若请求时指定geojson格式，响应中routes[0].geometry.coordinates直接就是经纬度数组；若为默认格式，可通过routes[0].geometry的编码字符串解码

2. 解码Polyline得到经纬度数组 #

如果拿到的是编码后的Polyline字符串，需要解码为经纬度对数组。可以使用成熟的库（如@mapbox/polyline）来完成解码：

npm install @mapbox/polyline

3. 转换为TurfJS兼容的LineString格式 #

TurfJS的lineString要求坐标顺序为**[经度, 纬度]**，大部分API返回的坐标是[纬度, 经度]，需要调整顺序（如果是Mapbox的GeoJSON格式则无需调整，因为它本身就是[lon, lat]）。

完整示例代码 #

// 引入依赖
import turf from '@turf/turf';
import polyline from '@mapbox/polyline';

// 示例：模拟Directions API的响应（以谷歌API为例）
const directionsResponse = {
  routes: [
    {
      overview_polyline: {
        points: '_p~iF~ps|U_ulLnnqC_mqNvxq`@' // 华盛顿特区某段路线的编码
      }
    }
  ]
};

// 1. 提取编码字符串并解码
const encodedPolyline = directionsResponse.routes[0].overview_polyline.points;
// 解码时设置geojson: true，直接得到[lon, lat]格式的坐标数组
const routeCoordinates = polyline.toGeoJSON(encodedPolyline).coordinates;

// 2. 创建TurfJS的LineString
const routeLine = turf.lineString(routeCoordinates);

// 3. 定义要计算距离的点
const targetPoint = turf.point([-77.03, 38.88]); // 示例点

// 4. 计算点到路线的最短距离（单位：英里）
const distance = turf.pointToLineDistance(targetPoint, routeLine, { units: 'miles' });
console.log('最短距离（英里）：', distance);

注意事项 #

• 不同Directions API的响应结构略有差异，需根据实际API文档调整字段提取逻辑
• 若使用Mapbox Directions API并请求GeoJSON格式，可直接使用routes[0].geometry作为TurfJS的LineString，无需解码
• 坐标顺序必须符合TurfJS要求，否则计算结果会出错

内容的提问来源于stack exchange，提问作者Mateus Riff