能否基于已有路线启动OSRM路由？Leaflet已存行程编辑方案咨询

直接操作_selectedRoute这类私有属性确实不够稳妥，Leaflet Routing Machine提供了官方API来实现已保存行程的加载与编辑，既稳定又能保留所有交互功能，具体步骤如下：

核心思路 #

通过官方API完成两个关键操作：

1. 把已保存行程的途经点（起点、终点、中间点）同步到路由控件的规划器（plan）中，确保用户能拖动修改这些点；
2. 直接给控件设置已保存的路线数据，跳过向OSRM发起初始路由请求的步骤。

具体代码实现 #

假设你已保存的行程数据包含途经点（waypoints，L.LatLng格式数组）和路线坐标（routeCoordinates，经纬度数组或L.LatLng数组）：

1. 定义保存的行程示例数据 #

// 从本地存储/后端获取的已保存行程数据
const savedTrip = {
  // 途经点：起点、途经点（可选）、终点
  waypoints: [
    L.latLng(51.5074, -0.1278),
    L.latLng(48.8566, 2.3522)
  ],
  // 已保存的完整路线坐标数组
  routeCoordinates: [
    [51.5074, -0.1278],
    // ...中间路线坐标
    [48.8566, 2.3522]
  ]
};

2. 加载已保存行程 #

// 步骤1：将途经点同步到规划器，确保用户可拖动修改
plan.setWaypoints(savedTrip.waypoints);

// 步骤2：构造符合规范的Route对象，模拟OSRM返回的路由结果
const savedRoute = L.Routing.route({
  coordinates: savedTrip.routeCoordinates,
  // 为途经点添加基础信息（可自定义名称）
  waypoints: savedTrip.waypoints.map((wp, index) => ({
    latLng: wp,
    name: index === 0 ? '起点' : index === savedTrip.waypoints.length - 1 ? '终点' : `途经点${index}`
  })),
  // 路线摘要（如果保存了距离/时间可填实际值，否则填0不影响功能）
  summary: {
    totalDistance: 0,
    totalTime: 0
  }
});

// 步骤3：给路由控件设置这条已保存路线，跳过初始OSRM请求
control.setRoutes([savedRoute]);

额外处理场景 #

如果你的保存数据只有路线坐标，没有单独的途经点，可以从坐标数组中提取起点和终点作为途经点：

// 从路线坐标中提取起点、终点
const startPoint = L.latLng(savedTrip.routeCoordinates[0]);
const endPoint = L.latLng(savedTrip.routeCoordinates[savedTrip.routeCoordinates.length - 1]);
plan.setWaypoints([startPoint, endPoint]);

方案优势 #

• 基于官方稳定API，避免依赖私有属性导致的版本兼容性问题；
• 完整保留控件的交互功能：拖动途经点时会自动触发重新路由（因为你设置了routeWhileDragging: true）；
• 逻辑清晰，符合Leaflet Routing Machine的设计逻辑。

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