vue百度地图addOverlay

vue百度地图addOverlay()方法是用于在百度地图上添加覆盖物的方法。该方法需要传入一个覆盖物实例作为参数，可以添加多个不同类型的覆盖物，如标注、折线、多边形等。

使用示例：

<template>
  <div id="map"></div>
</template>

<script>
import BMap from 'BMap';

export default {
  name: 'Map',
  data() {
    return {
      map: null,
      markers: [
        { lng: 116.404, lat: 39.915 },
        { lng: 116.434, lat: 39.915 },
        { lng: 116.464, lat: 39.915 }
      ]
    }
  },
  mounted() {
    // 初始化地图
    this.initMap();
    // 添加标注覆盖物
    this.addMarker();
  },
  methods: {
    // 初始化地图
    initMap() {
      this.map = new BMap.Map('map');
      this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
    },
    // 添加标注覆盖物
    addMarker() {
      this.markers.forEach((item) => {
        const point = new BMap.Point(item.lng, item.lat);
        const marker = new BMap.Marker(point);
        this.map.addOverlay(marker);
      });
    }
  }
}
</script>

<style>
#map {
  width: 100%;
  height: 400px;
}
</style>

在上面的示例中，我们通过BMap类创建了一个地图实例，并将其初始化到指定的容器中。然后我们通过addMarker()方法向地图上添加了多个标注覆盖物，每个标注覆盖物都是通过BMap.Marker类创建的，然后通过地图实例的addOverlay()方法添加到地图上。最终效果就是在地图上显示了多个标注覆盖物。