"use script"; //开发环境建议开启严格模式
(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: 31.231319,
        x: 118.810112,
        z: 103265.46,
        heading: 360,
        pitch: -50.2,
        roll: 0,
      });

      //显示高校点
      $.getJSON("//data.mars3d.cn/file/apidemo/gaoxiao.json", (result) => {
        this.addFeature(result);
      });
    }
    //关闭释放
    disable() {
      if (this._last_basemap) {
        this.map.basemap = this._last_basemap; //还原底图
        this._last_basemap = null;
      }

      if (this.graphicLayer) {
        this.map.removeLayer(this.graphicLayer, true);
        this.graphicLayer = null;
      }
    }

    addFeature(arr) {
      //创建DIV数据图层
      var graphicLayer = new mars3d.layer.DivLayer({
        name: this.config.name,
        pid: 99, //图层管理 中使用，父节点id
      });
      this.map.addLayer(graphicLayer);

      this.graphicLayer = graphicLayer;

      //在layer上绑定监听事件
      graphicLayer.on(mars3d.EventType.click, function (event) {
        console.log("监听layer，单击了矢量对象", event);

        // haoutil.msg('单击了：' + item['高校名称'])
      });

      graphicLayer.bindPopup(function (event) {
        let item = event.graphic?.attr;
        var html =
          "高校名称：" +
          item["高校名称"] +
          "<br />所属地区：" +
          item["地区"] +
          "<br />主管部门：" +
          item["主管部门"] +
          "<br />办学层次：" +
          item["办学层次"] +
          "<br />王牌专业：" +
          item["王牌专业"];
        return html;
      });

      var pointColorArr = ["#f33349", "#f79a2c", "#f2fa19", "#95e40c", "#1ffee6"];

      for (var i = 0, len = arr.length; i < len; i++) {
        var item = arr[i];
        var jwd = item["经纬度"].split(",");
        if (jwd.length !== 2) {
          continue;
        }

        var jd = Number(jwd[0]);
        var wd = Number(jwd[1]);
        var clr = pointColorArr[i % pointColorArr.length];

        var graphic = new mars3d.graphic.DivGraphic({
          position: Cesium.Cartesian3.fromDegrees(jd, wd),
          style: {
            html: '<div class="mars3d-animation-point" style="color:' + clr + ';"><p></p></div>',
            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), //按视距距离显示
          },
          attr: item,
        });
        graphicLayer.addGraphic(graphic);
      }
    }
  }

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

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