vue中BmPolyline用法

BmPolyline是百度地图API提供的一个类，用于绘制折线。在Vue中使用BmPolyline，需要先引入百度地图JS API和Vue百度地图组件库。

1. 安装依赖：

npm install baidu-map-vue --save

2. 在Vue组件中引入BmPolyline：

<template>
  <div>
    <baidu-map ak="你的百度地图AK" @ready="onMapReady">
      <bm-polyline :path="path"></bm-polyline>
    </baidu-map>
  </div>
</template>

<script>
import { BaiduMap, BmPolyline } from 'baidu-map-vue'

export default {
  components: {
    BaiduMap,
    BmPolyline,
  },
  data() {
    return {
      path: [
        { lng: 116.397428, lat: 39.90923 },
        { lng: 116.397428, lat: 39.91923 },
        { lng: 116.407428, lat: 39.91923 },
      ],
    }
  },
  methods: {
    onMapReady(map) {
      // 地图加载完成后执行的回调函数
    },
  },
}
</script>

在上面的代码中，`path`是一个数组，用于指定折线的坐标点。每个点都是一个对象，包含`lng`和`lat`两个属性。

注意：在使用BaiduMap组件时，需要指定你的百度地图AK，可以在官网申请。

以上就是使用BmPolyline绘制折线的基本用法。你可以根据自己的需求，通过设置BmPolyline的属性来实现更多功能，比如线条的颜色、宽度、是否显示箭头等等。详细的属性说明可以参考官方文档。