(function (window, mars3d) {
  //创建widget类，需要继承BaseWidget
  class MyWidget extends mars3d.widget.BaseWidget {
    //初始化[仅执行1次]
    create() {}
    //打开激活
    activate() {
      //创建Graphic图层
      var graphicLayer = new mars3d.layer.GraphicLayer({
        name: this.config.name,
        pid: 99, //图层管理 中使用，父节点id
      });
      this.map.addLayer(graphicLayer);

      graphicLayer.bindPopup(function (event) {
        let item = event.graphic?.attr;
        var inhtml = "管线长度：" + item.changdu + "米<br/>管径：" + item.guanjin + "mm";
        return inhtml;
      });

      this.graphicLayer = graphicLayer;

      //添加管道示例数据
      $.getJSON("//data.mars3d.cn/file/geojson/pipeline.json", (geojson) => {
        //循环每个面

        let arr = mars3d.Util.geoJsonToGraphics(geojson);

        for (let i = 0; i < arr.length; i++) {
          let graphicOptions = arr[i];

          var radius = graphicOptions.attr.guanjin / 80;
          if (radius < 2) {
            radius = 2;
          }

          var primitive = new mars3d.graphic.PolylineVolumePrimitive({
            positions: graphicOptions.positions,
            style: {
              shape: "pipeline",
              radius: radius,
              material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.Color, {
                color: Cesium.Color.BLUE,
              }),
            },
            attr: graphicOptions.attr,
          });
          this.graphicLayer.addGraphic(primitive);
        }

        console.log("管线加载完成，共" + arr.length + "条");

        this.graphicLayer.flyTo();
      });
    }
    //关闭释放
    disable() {
      this.map.removeLayer(this.graphicLayer, true);
      this.graphicLayer = null;
    }
  }

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

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