vue+百度地图：自定义覆盖物

// 复杂的自定义覆盖物
        function ComplexCustomOverlay(point, text, tipText){
          this._point = point;
          this._text = text;
          this._tipText = tipText;
        }
        ComplexCustomOverlay.prototype = new BMap.Overlay();
        ComplexCustomOverlay.prototype.initialize = function(map){
          this._map = map;
          let div = this._div = document.createElement("div");
          let backColor = "green";
          // 覆盖物样式
          div.style.position = "absolute";
          div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
          div.style.color = "#000";
          div.style.whiteSpace = "nowrap";
          div.style.MozUserSelect = "none";
          div.style.fontSize = "12px";
          div.style.textAlign = 'center';
          div.className = 'point';

          // 指标
          let tip = document.createElement('span');
          div.appendChild(tip);
          tip.appendChild(document.createTextNode(this._tipText));
          tip.className = 'tip';
          tip.style.display = 'block';
          tip.style.backgroundColor = backColor;
          tip.style.borderRadius = 3 + "px";
          tip.style.padding = 1 + "px";
          tip.style.paddingRight = 5 + "px";
          tip.style.paddingLeft = 5 + "px";
          tip.style.fontSize = 15 + "px";

          // 箭头
          let arrow = document.createElement('span');
          arrow.style.display = 'block';
          arrow.style.width = 0;
          arrow.style.height = 0;
          arrow.style.borderWidth = 6 + "px";
          arrow.style.borderColor = "green transparent transparent transparent";
          arrow.style.borderStyle = "solid";
          arrow.style.backgroundColor = "transparent";
          arrow.style.margin = "0 auto";
          arrow.style.marginBottom = -5 + "px";
          div.appendChild(arrow);

          // 地点
          let nameText = this._span = document.createElement("span");
          div.appendChild(nameText);
          nameText.appendChild(document.createTextNode(this._text));     
          nameText.style.backgroundColor = "#fff" ;
          nameText.style.display = "block";
          nameText.style.border = "1px solid #ddd";
          nameText.style.padding = 2 + "px";
          
          map.getPanes().labelPane.appendChild(div);
          
          return div;
        }
        ComplexCustomOverlay.prototype.draw = function(){
          var map = this._map;
          var pixel = map.pointToOverlayPixel(this._point);
          this._div.style.left = pixel.x + "px";
          this._div.style.top  = pixel.y - 30 + "px";
        }

        for(let i=0; i<this.cityPosition.length; i++){
          let item = this.cityPosition[i];
          var texx = item.AQI;
          if(this.orgins === 'AQI'){
            var tex = item.AQI;
          }else if(this.orgins === 'PM2'){
            var tex = item.PM2;
          }
          console.log(this.orgins);
          
          let myCompOverlay = new ComplexCustomOverlay(new BMap.Point(item.lng, item.lat), item.name, tex);
          map.addOverlay(myCompOverlay);
        }

只能在生成地图的方法里使用