(function (window, mars3d) {
  //创建widget类，需要继承BaseWidget
  class MyWidget extends mars3d.widget.BaseWidget {
    //初始化[仅执行1次]
    create() {}
    //打开激活
    activate() {
      this._last_basemap = this.map.basemap?.uuid;
      this.map.basemap = 2017; //切换底图到深色底图

      this.map.setCameraView({ y: 27.495099, x: 118.717254, z: 1111008.3, heading: 349.8, pitch: -66.1, roll: 360 });

      var data = [
        { name: "六安市", value: 112, location: [116.3123, 31.8329] },
        { name: "安庆市", value: 424, location: [116.7517, 30.5255] },
        { name: "滁州市", value: 76, location: [118.1909, 32.536] },
        { name: "宣城市", value: 45, location: [118.8062, 30.6244] },
        { name: "阜阳市", value: 234, location: [115.7629, 32.9919] },
        { name: "宿州市", value: 110, location: [117.5208, 33.6841] },
        { name: "黄山市", value: 98, location: [118.0481, 29.9542] },
        { name: "巢湖市", value: 71, location: [117.7734, 31.4978] },
        { name: "亳州市", value: 165, location: [116.1914, 33.4698] },
        { name: "池州市", value: 12, location: [117.3889, 30.2014] },
        { name: "合肥市", value: 232, location: [117.29, 32.0581] },
        { name: "蚌埠市", value: 123, location: [117.4109, 33.1073] },
        { name: "芜湖市", value: 73, location: [118.3557, 31.0858] },
        { name: "淮北市", value: 16, location: [116.6968, 33.6896] },
        { name: "淮南市", value: 75, location: [116.7847, 32.7722] },
        { name: "马鞍山市", value: 45, location: [118.6304, 31.5363] },
        { name: "铜陵市", value: 93, location: [117.9382, 30.9375] },
      ];

      this.createEchartsLayer(data);
    }
    //关闭释放
    disable() {
      this.map.cancelFlight();

      if (this._last_basemap) {
        this.map.basemap = this._last_basemap; //还原底图
        this._last_basemap = null;
      }
      if (this.echartsLayer) {
        this.map.removeLayer(this.echartsLayer, true);
        this.echartsLayer = null;
      }
    }

    createEchartsLayer(data) {
      var options = this.getEchartsOption(data);

      var echartsLayer = new mars3d.layer.EchartsLayer(options);
      this.map.addLayer(echartsLayer);

      this.echartsLayer = echartsLayer;
    }

    getEchartsOption(data) {
      var brcolor = "#ffff00";

      //纬度做偏移处理,避免重叠
      if (data.length > 1) {
        data.sort(function (a, b) {
          return b.location[1] - a.location[1];
        });
        for (let i = 1; i < data.length; i++) {
          let thisItem = data[i].location;

          let ispy = false;
          for (let j = 0; j < i; j++) {
            let lastItem = data[j].location;
            let offX = Math.abs(lastItem[0] - thisItem[0]);
            let offY = Math.abs(lastItem[1] - thisItem[1]);
            if (offX < 0.025 && offY < 0.005) {
              ispy = true;
              break;
            }
          }

          if (ispy) {
            thisItem[1] -= 0.006; //偏移纬度
          }

          //console.log(data[i].name +','+thisItem.join(",")+','+ispy+','+offX+','+offY);
        }
      }

      var sum = 0;
      var dataVals = [];
      for (let i = 0; i < data.length; i++) {
        sum += data[i].value;

        dataVals.push({
          name: data[i].name,
          value: data[i].location.concat(data[i].value),
        });
      }

      var option = {
        name: this.config.name,
        pid: 99, //图层管理 中使用，父节点id
        clampToGround: true, //计算贴地高度

        animation: false,
        backgroundColor: "rgba(0, 0, 0, 0.4)",
        tooltip: {
          trigger: "item",
        },
        series: [
          {
            type: "effectScatter",
            coordinateSystem: "mars3dMap",
            data: dataVals,
            symbolSize: function (val) {
              if (sum === 0) {
                return 8;
              }

              var num = (val[2] / sum) * 150;
              return Math.max(num, 8);
            },
            showEffectOn: "render",
            rippleEffect: {
              brushType: "stroke",
            },
            hoverAnimation: true,
            label: {
              normal: {
                formatter: "{b}",
                position: "right",
                show: true,
              },
            },
            tooltip: {
              formatter: function (params, ticket, callback) {
                if (params.value[2] <= 0) {
                  return params.name;
                } else {
                  return params.name + " ： " + params.value[2];
                }
              },
            },
            itemStyle: {
              normal: {
                color: brcolor,
                shadowBlur: 60,
                shadowColor: "#cccccc",
              },
            },
            zlevel: 1,
          },
        ],
      };
      return option;
    }
  }

  //注册到widget管理器中。
  mars3d.widget.bindClass(MyWidget);

  //每个widet之间都是直接引入到index.html中，会存在彼此命名冲突，所以闭包处理下。
})(window, mars3d);