import axios from "axios";
const layerManage = {
  addLayer(res) {
    if (!res.urls) return;
    switch (res.sourceType) {
      case "GEOJSON":
        this.addGeoJsonLayer(res);
        break;
      case "WMTS":
        this.addWMTSLayer(res);
        break;
    }
  },
  removeLayer(res) {
    if (!res.urls) return;
    switch (res.sourceType) {
      case "GEOJSON":
        this.removeGeoJsonLayer(res);
        break;
      case "WMTS":
        this.removeWMTSLayer(res);

        break;
    }
  },
  removeWMTSLayer() {},
  addWMTSLayer(res) {
    var baseMapLayer = Viewer.imageryLayers.addImageryProvider(
      new Cesium.UrlTemplateImageryProvider({
        url: res.urls + "/{z}/{x}/{y}.png",
      })
    );
    baseMapLayer.id = res.id;
    baseMapLayer.name = res.name;
  },

  removeGeoJsonLayer(res) {
    var dataSource = Viewer.dataSources._dataSources;
    for (var i = 0; i < dataSource.length; i++) {
      if (dataSource[i].name == res.name) {
        Viewer.dataSources.remove(dataSource[i]);
        i--;
      }
    }
  },
  addGeoJsonLayer(res) {
    switch (res.type) {
      case "POLYGON":
        this.addGeoJsonPolygonLayer(res);
        break;
      case "POINT":
        this.addGeoJsonPointerLayer(res);
        break;
    }
  },
  addGeoJsonPointerLayer(res) {
    var url = config.layerUrls + res.urls;
    var img = config.layerUrls + res.billboard;
    axios.get(url).then((data) => {
      var val_data = data.data;
      var filter;
      if (res.filter) {
        filter = val_data.features.filter((val) => {
          if (val.properties.name === res.name) {
            return val;
          }
        });
      }
      if (filter) {
        val_data.features = filter;
      }
      Cesium.GeoJsonDataSource.load(url).then((dataSource) => {
        dataSource.name = res.name;
        Viewer.dataSources.add(dataSource);
        const entities = dataSource.entities.values;
        // 设置聚合参数
        dataSource.clustering.enabled = true;
        dataSource.clustering.pixelRange = 20;
        dataSource.clustering.minimumClusterSize = 2;

        for (var i = 0; i < entities.length; i++) {
          const entity = entities[i];
          entity.billboard = {
            image: img,
            // color: Cesium.Color.AQUA,
            width: 32,
            height: 32,
            pixelOffset: new Cesium.Cartesian3(0, -40, 0),
          };
        }
        // 添加监听函数
        dataSource.clustering.clusterEvent.addEventListener(function (
          clusteredEntities,
          cluster
        ) {
          // 关闭自带的显示聚合数量的标签
          cluster.label.show = false;
          cluster.billboard.show = false;
          cluster.billboard.verticalOrigin = Cesium.VerticalOrigin.BOTTOM;
        });
      });
    });
  },
  addGeoJsonPolygonLayer(res) {
    var url = config.layerUrls + res.urls;
    axios.get(url).then((data) => {
      var feature = data.data.features.filter((val) => {
        if (val.properties.TE_DESC === res.name) {
          return val;
        }
      });
      data.data.features = feature;
      var obj = Cesium.GeoJsonDataSource.load(
        data.data, //要加载的 url、GeoJSON 对象或 TopoJSON 对象。
        {
          stroke: new Cesium.Color(0, 1, 0, 1), //折线和多边形轮廓的默认颜色。
          fill: new Cesium.Color(0, 0, 0, 0), //  红色, //多边形内部的默认颜色。
          strokeWidth: 3, //折线和多边形轮廓的默认宽度。
        }
      );
      obj.then((dataSource) => {
        dataSource.name = res.name;
        Viewer.dataSources.add(dataSource);
        var entities = dataSource.entities.values;
        for (var i in entities) {
          var entity = entities[i];
          entity.polygon.heightReference =
            Cesium.HeightReference.CLAMP_TO_GROUND;
          entity.polygon.perPositionHeight = false;

          var polyPositions = dataSource.entities.values[
            i
          ].polygon.hierarchy.getValue(Cesium.JulianDate.now()).positions;
          var polyCenter =
            Cesium.BoundingSphere.fromPoints(polyPositions).center; //中心点
          polyCenter =
            Cesium.Ellipsoid.WGS84.scaleToGeodeticSurface(polyCenter);

          entity.position = polyCenter;

          entity.polygon.outlineWidth = 3;
          entity.polygon.fill = false;
          entity.polygon.outline = false;
          entity.polygon.outlineColor = Cesium.Color.RED;
          entity.polyline = {
            positions: entity.polygon.hierarchy._value.positions,
            width: entity.polygon.outlineWidth,
            material: new Cesium.Color(0, 1, 0, 1),
            clampToGround: true,
          };
          entity.label = {
            // position: polyCenter,
            text: res.name,
            color: new Cesium.Color(1, 1, 1, 1),
            font: "normal 32px MicroSoft YaHei",
            showBackground: true,
            scale: 0.5,
            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
            heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
            eyeOffset: new Cesium.Cartesian3(0, 0, -5000),

            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
              0,
              300000
            ),
          };
        }

        Viewer.scene.postProcessStages.fxaa.enabled = false; //去锯齿 是文字清晰
      });
    });
  },
};
export default layerManage;