vue2/3 - 最新详细使用高德地图进行路线规划和详细途径路段信息，vue高德地图实现起点和终点路径高亮显示在地图上，并计算出整个路途公里数、预计到达时间、驾驶导航详细步骤信息（详细示例代码直接复制

效果图

在vue2、vue3项目开发中，详细实现vue利用高德地图做导航路线规划，在地图上加粗标记整条路线，并且自动计算出整个路线需要多长时间、多少公里数、经过哪些道路等，整个 “起点到终点” 导航路线详细拆分，展示每个路段的详细信息（途径点），支持左上角悬浮数据自定义设置样式，可随意更改显示位置、大小颜色宽高等等，也可以基于此示例进行改造，代码干净整洁。

提供详细示例代码及注释说明，新手小白直接复制稍微改改就能用了。

申请高德地图key

如果这一步你已经做了，跳过即可。