vue2： 百度地图基础

删除makerb标注的添加和删除

   // 创建自定义图标 添加标注
  var myIcon = new BMapGL.Icon(require('@/assets/map/position.png'), new BMapGL.Size(105, 95));
      var adds = [
          new BMapGL.Point(115.799145,28.628876),
          new BMapGL.Point(115.805475,28.614241),
          new BMapGL.Point(115.80056 ,28.60097),
          new BMapGL.Point(115.81203 ,28.59490),
          new BMapGL.Point(115.792634,28.583925),
          new BMapGL.Point(115.810247,28.588456),
          new BMapGL.Point(115.78419 ,28.57704),
          new BMapGL.Point( 115.82234 ,28.60700),
      ];
      for(var i = 0; i<adds.length; i++){
          var marker = new BMapGL.Marker(adds[i],{icon: myIcon});
          var label = new BMapGL.Label(this.mapData[i].name, {offset:new BMapGL.Size(-32,-40)}) 
          label.setStyle({ // 设置label的样式
              color: '#fff',
              fontSize: '12px',
              background: 0,
              border: 0
          })
          marker.setLabel(label);
          this.map.addOverlay(marker);
          marker.customData = {
              id: i
          }
          marker.addEventListener('click', function (e) {
            let id = e.target.customData.id
            console.log('点击图标')
            console.log(id)
            that.$router.push('/home')
            sessionStorage.setItem('mapIndex', id)
          });
      }
    marker.setPosition(point)//添加标注
    
    //删除标注文档上注明了是removeOverlay()这个方法，具体使用如下
    marker.id = data[0].id//给marker添加id对应数组里的id（非必要不要赋值id，不要这么写）
    const allOverlays = map.getOverlays()//返回地图上所有的覆盖物
    //循环找到数组里面id和返回覆盖物相同的
    for (let i = 0; i < allOverlays.length; i++) {
      if (allOverlays[i].id == data[0].id) { //data[0].id即是你要删除标注的id
        map.removeOverlay(allOverlays[i])
      }
    }