vue项目，百度地图api高亮选取区域，高亮某个地区，行政区域等

效果如下：

     var blist = []
     var districtLoading = 

     var map = new window.BMap.Map("container",{ minZoom:,maxZoom: });// 创建地图实例
     var point = new window.BMap.Point(89.48,31.57);
     map.centerAndZoom(point,7.4);//设置中心点坐标和地图级别
     map.enableScrollWheelZoom(); // 允许滚轮缩放
     this.zoom = map.getZoom();
     this.map = map;
     this.getBoundary();

     /*
     =====获取行政区域边界=====
     */
     getBoundary() {
        this.addDistrict("西藏");
     },
     /*
     =====添加行政区域=====
     */
     addDistrict(districtName) {
       let that = this;
       //使用计数器来控制加载过程
       districtLoading++;
       var bdary = new BMap.Boundary();
       bdary.get(districtName, function (rs) {       //获取行政区域
           var count = rs.boundaries.length; //行政区域的点有多少个
           for (var i = ; i < count; i++) {
             blist.push({ points: rs.boundaries[i], name: districtName });
           };
           //加载完成区域点后计数器-1
           districtLoading--;
           if (districtLoading == ) {
             //全加载完成后画端点
             that.drawBoundary();
           }
       });
     },
     /*
     =====点击行政区域事件=====
     */
     click(evt) {
       alert(evt.target.name);
     },
     /*
     =====绘制边界=====
     */
     drawBoundary() {
       let that = this;
       //包含所有区域的点数组
       var pointArray = [];
       //循环添加各闭合区域
       for (var i = ; i < blist.length; i++) {
         //添加多边形层并显示
         var ply = new BMap.Polygon(blist[i].points, {
           strokeWeight: ,   //边框宽度
           trokeColor: "#FFA96E",   //边框颜色
           fillColor: " #DDE4F070" //填充颜色
         }); //建立多边形覆盖物
         ply.name = blist[i].name;
         // ply.addEventListener("click", that.click);
         this.map.addOverlay(ply);

         //将点增加到视野范围内
         var path = ply.getPath();
         pointArray = pointArray.concat(path);
       }

       //限定显示区域(只显示特定区域，鼠标拖动松开后自动回到显示范围内)，需要引用api库
       // var boundply = new BMap.Polygon(pointArray);
       // BMapLib.AreaRestriction.setBounds(map, boundply.getBounds());
       this.map.setViewport(pointArray);    //调整视野
     },