vue中高德地图划线

在Vue中使用高德地图划线可以按照以下步骤进行：

1. 首先，安装vue-amap库，该库提供了对高德地图的封装。可以通过以下命令来安装：

npm install vue-amap --save

2. 在Vue的入口文件（一般是main.js）中引入vue-amap并进行配置：

import VueAMap from 'vue-amap';

Vue.use(VueAMap);

// 配置vue-amap
VueAMap.initAMapApiLoader({
  // 高德地图的key
  key: 'your_amap_key',
  // 插件集合
  plugin: ['AMap.Polyline']
});

3. 在需要使用地图的组件中，使用`a-map`标签来包裹地图，并在`a-map`标签中使用`a-polyline`标签来绘制线路：

<template>
  <div>
    <a-map :zoom="13" :center="[lng, lat]">
      <a-polyline :path="path" :strokeColor="'#3366FF'" :strokeWeight="6"></a-polyline>
    </a-map>
  </div>
</template>

<script>
export default {
  data() {
    return {
      lng: 116.397428,
      lat: 39.90923,
      path: [
        [116.368904, 39.913423],
        [116.382122, 39.901176],
        [116.387271, 39.912501]
      ]
    };
  }
};
</script>

以上代码中，`lng`和`lat`分别表示地图的中心点经纬度，`path`数组表示线路的坐标点。