高德地图回显电子围栏镂空

记录一次回显电子围栏后，第一层出现镂空的情况

出现这种情况是如果是数组的形式，会自带绘制成带洞的多边形

let path = this.transitionDataEcho(that.originalData);
     

          // 创建多边形
          var polygon = new AMap.Polygon({
            path: path,
            strokeColor: "#1890FF", //线条颜色
            strokeWeight: 2,
            strokeOpacity: 0.7,
            fillOpacity: 0.2,
            fillColor: "#76BBFF", //填充颜色
            zIndex: 15,
          });
      
          let polyEditor = new AMap.PolyEditor(that.map, polygon); // 创建对应的PolyEditor
          that.polyEditors.push(polyEditor);

只需要使用循环去绘画每个标记点就可以

for (let i = 0; i < path1.length; i++) {
          const element = path1[i];
          // 创建多边形
          var polygon = new AMap.Polygon({
            path: element,
            strokeColor: "#1890FF", //线条颜色
            strokeWeight: 2,
            strokeOpacity: 0.7,
            fillOpacity: 0.2,
            fillColor: "#76BBFF", //填充颜色
            zIndex: 1,
          });
     
          let polyEditor = new AMap.PolyEditor(that.map, polygon); // 创建对应的PolyEditor
          that.polyEditors.push(polyEditor);
          // 将多边形添加到地图上
          this.map.add(polygon);

          // 更新状态
          that.overlays = path1; // 将多边形坐标数据存入 overlays 数组
          that.overLaysRemove.push(polygon); // 将多边形对象存入 overLaysRemove 数组
          // }
        }