vue2 高德地图路线规划途径点

在Vue2中，使用高德地图进行路线规划并设置途径点的方法如下：

首先，在代码中导入AMapManager和AMap.Walking插件。创建一个AMapManager实例，并初始化地图对象map。

然后，在需要进行路线规划的方法中，使用AMap.Walking创建一个步行对象walking，并传入地图对象map和路线规划结果展示的面板panel。

接下来，调用walking.search方法，传入起点和终点的经纬度坐标，以及途径点的经纬度坐标（可选），并在回调函数中处理路线规划结果。

最后，返回该方法，以便在Vue组件中调用。

示例代码如下：

import { AMapManager } from "vue-amap";
window.amapManager = new AMapManager();
window.map = null;

// ...

foot() {
  var that = this;
  map = this.amapManager.getMap();
  
  AMap.plugin(\["AMap.Walking"\], function () {
    var walking = new AMap.Walking({
      map: map,
      panel: "panel",
    });
    
    that.clear(); // 清除所有点位和路线
    
    walking.search(
      new AMap.LngLat(起点经度, 起点纬度),
      new AMap.LngLat(终点经度, 终点纬度),
      function (status, result) {
        if (status === "complete") {
          if (result.routes && result.routes.length) {
            // 处理路线规划结果
          }
        } else {
          // 处理错误情况
        }
      }
    );
  });
  
  return;
},

请注意，起点和终点的经纬度需要替换为实际的数值。途径点的经纬度是可选的，如果不需要设置途径点，可以省略该参数。

希望对你有所帮助！
#### 引用[.reference_title]
- *1* *2* *3* [关于vue使用高德地图vue-amap实现路径规划](https://blog.csdn.net/foreverlailai/article/details/109166087)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]