vue2 高德地图路线规划

在Vue2中使用高德地图进行路线规划，可以按照以下步骤进行操作：

1. 引入高德地图的基本事件与使用代码，包括初始化地图、地图鼠标点击事件、添加标记、移除标记点、POI关键字搜索等功能\[1\]。
2. 添加插件"AMap.DragRoute"，用于绘制初始路径，并构造拖拽导航类\[2\]。
3. 添加插件"AMap.Driving"，用于根据起终点经纬度规划驾车导航路线\[3\]。
4. 准备一个div容器，用于显示导航数据，给它一个唯一的ID，例如`<div id="panel"></div>`。
5. 在Vue组件中，使用相应的方法来调用高德地图的功能，例如`mapDragRoute()`来进行拖拽导航，`drivingMap()`来进行起终点经纬度规划驾车导航路线。

请注意，以上代码只是一个示例，具体的实现方式可能会根据你的需求和项目结构有所不同。你需要根据自己的实际情况进行相应的调整和修改。
#### 引用[.reference_title]
- *1* *2* *3* [Vue 高德地图（@amap/amap-jsapi-loader）的基本使用：添加标记、POI关键字搜索、路线规划...(方法一)](https://blog.csdn.net/qq_37831545/article/details/127048641)[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 ]