'use script' //开发环境建议开启严格模式
  ;
(function (window, mars3d) {
  //创建widget类，需要继承BaseWidget
  class MyWidget extends mars3d.widget.BaseWidget {
    //弹窗配置，2个弹窗的情形
    get view() {
      return {
        type: "window",
        url: "view.html",
        windowOptions: {
          width: 370,
          height: 345,
          left: 5,
          top: 120
        },
      };
    }
    //初始化[仅执行1次]
    create() {
      this.grid_500 = this.map.getLayerById(3000);
      this.grid_1000 = this.map.getLayerById(3001);
      this.grid_3000 = this.map.getLayerById(3002);
      this.grid_5000 = this.map.getLayerById(3003);
      this.style_options = this.grid_1000.options.style_options;
      this.style_selected = this.grid_1000.options.style_selected;
 
      this.nodejs_url_predix = mars3d.global_variables.nodejs_url_predix;
      this.heatmapGroupLayer = new mars3d.layer.GroupLayer({ id: 5000, pid: 50, name: "", show: false });
      this.map.addLayer(this.heatmapGroupLayer);
    }
 
 
 
    //每个窗口创建完成后调用
    winCreateOK(opt, result) {
      //this.grid_500.show = true;
      //this.grid_1000.show = true;
      //this.grid_3000.show = true;
      //this.grid_5000.show = true;
      //this.map.setCameraView(mars3d.global_variables.grid_camerview.grid5000);
      this.datatype = mars3d.global_variables.queryDataType;
      this.datatime = mars3d.global_variables.queryDataTStart;
    }
 
    showGridmapLayers() {
      this.grid_500.show = true;
      this.grid_1000.show = true;
      this.grid_3000.show = true;
      this.grid_5000.show = true;
 
    }
 
    hideGridmapLayers() {
      this.grid_500.show = false;
      this.grid_1000.show = false;
      this.grid_3000.show = false;
      this.grid_5000.show = false;
 
    }
 
    showHeatmapLayers(){
      this.heatmapGroupLayer.show = true;
      this.heatmapGroupLayer.getLayers().forEach(layer => {
        layer.show= true;
      });
    }
    hideHeatmapLayers(){
      this.heatmapGroupLayer.show = false;
      console.log(this.heatmapGroupLayer);
      this.heatmapGroupLayer.getLayers().forEach(layer => {
        layer.show= false;
      });
    }
 
    //打开激活
    activate() {
      this.grid_500.show = false;
      this.grid_1000.show = false;
      this.grid_3000.show = false;
      this.grid_5000.show = false;
      this.heatmapGroupLayer.getLayers().forEach(layer => {
       layer.show= false;
      });
    }
 
    changeCamerView(gridlevel) {
      this.map.setCameraView(mars3d.global_variables.grid_camerview[gridlevel]);
    }
    //关闭释放
    disable() {
      //this.grid_500.show = false;
      //this.grid_1000.show = false;
      //this.grid_3000.show = false;
      //this.grid_5000.show = false;
      //this.heatmapGroupLayer.getLayers().forEach(layer => {
      //  layer.show= false;
      //});
    }
 
    update_grid_style(new_style) {
      this.grid_500.options.parameters.styles = this.grid_500.options.style_prefix + new_style;
      this.grid_500.options.style_selected = new_style;
      this.grid_500.reload();
      this.grid_1000.options.parameters.styles = this.grid_1000.options.style_prefix + new_style;
      this.grid_1000.options.style_selected = new_style;
      this.grid_1000.reload();
      this.grid_3000.options.parameters.styles = this.grid_1000.options.style_prefix + new_style;
      this.grid_3000.options.style_selected = new_style;
      this.grid_3000.reload();
      this.grid_5000.options.parameters.styles = this.grid_1000.options.style_prefix + new_style;
      this.grid_5000.options.style_selected = new_style;
      this.grid_5000.reload();
    }
 
    setHeatmapAlpha(value) {
      this.heatmapGroupLayer.getLayers().forEach(layer => {
        layer.opacity= value;
      });
    }
    setGridmapAlpha(value) {
      this.grid_500.opacity = value;
      this.grid_1000.opacity = value;
      this.grid_3000.opacity = value;
      this.grid_5000.opacity = value;
      
    }
 
 
 
  }
 
  //注册到widget管理器中。
  mars3d.widget.bindClass(MyWidget)
 
  //每个widet之间都是直接引入到index.html中，会存在彼此命名冲突，所以闭包处理下。
})(window, mars3d)