业务图层切换显示标注

zhaoxing

2022-10-19 aa43872c14c3395d40b022052772c1204878cfc5

业务图层切换显示标注

 widgets/manageLayers_style/view.js

@@ -6,7 +6,7 @@
var layersObj = {};

//当前页面业务
function initWidgetView(_thisWidget) {
function initWidgetView (_thisWidget) {
  thisWidget = _thisWidget;

  //右键
@@ -45,7 +45,7 @@
  $.fn.zTree.init($("#treeOverlays"), setting, zNodes);
}

function _getNodeConfig(layer) {
function _getNodeConfig (layer) {
  if (layer == null || !layer.options || layer.options.noLayerManage) {
    return;
  }
@@ -84,7 +84,7 @@
  return node;
}

function addNode(item) {
function addNode (item) {
  var treeObj = $.fn.zTree.getZTreeObj("treeOverlays");

  var parentNode;
@@ -108,7 +108,7 @@
  }
}

function removeNode(layer) {
function removeNode (layer) {
  var treeObj = $.fn.zTree.getZTreeObj("treeOverlays");

  var node = treeObj.getNodeByParam("uuid", layer.uuid, null);
@@ -117,7 +117,7 @@
  }
}

function updateNode(layer) {
function updateNode (layer) {
  var treeObj = $.fn.zTree.getZTreeObj("treeOverlays");

  var node = treeObj.getNodeByParam("uuid", layer.uuid, null);
@@ -138,7 +138,7 @@
}

//===================================双击定位图层====================================
function treeOverlays_onClick(e, treeId, treeNode, clickFlag) {
function treeOverlays_onClick (e, treeId, treeNode, clickFlag) {
  // if (treeNode == null || treeNode.uuid == null) {
  //   return
  // }
@@ -148,7 +148,7 @@
  // }
}

function treeOverlays_onDblClick(event, treeId, treeNode) {
function treeOverlays_onDblClick (event, treeId, treeNode) {
  if (treeNode == null || treeNode.uuid == null) {
    return;
  }
@@ -160,7 +160,7 @@
}

//===================================勾选显示隐藏图层====================================
function removeArrayItem(arr, val) {
function removeArrayItem (arr, val) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] == val) {
      arr.splice(i, 1);
@@ -170,7 +170,7 @@
  return false;
}

function treeOverlays_onCheck(e, treeId, chktreeNode) {
function treeOverlays_onCheck (e, treeId, chktreeNode) {
  var treeObj = $.fn.zTree.getZTreeObj(treeId);
  //获得所有改变check状态的节点
  var changedNodes = treeObj.getChangeCheckedNodes();
@@ -237,7 +237,7 @@
//===================================透明度设置====================================

//在节点后添加自定义控件
function addOpacityRangeDom(treeId, tNode) {
function addOpacityRangeDom (treeId, tNode) {
  //if (tNode.icon == "images/folder.png") return;

  var layer = layersObj[tNode.uuid];
@@ -278,7 +278,7 @@
    var radio_html = '<div id="' + tNode.tId + '_style" style="color: white;">';
    let item = layer.options.style_options;
    for (var i = 0, len = item.length; i < len; i++) {
      radio_html += '<span class="button level1 switch center_docu" ></span><label><input type="radio" name="' + tNode.tId + '_style" value="'+item[i]+'" ' + (item[i] ==  layer.options.style_selected ? "checked" : "") + '/><span>' + item[i].toUpperCase() + '</span></label></br>';
      radio_html += '<span class="button level1 switch center_docu" ></span><label><input type="radio" name="' + tNode.tId + '_style" value="' + item[i] + '" ' + (item[i] == layer.options.style_selected ? "checked" : "") + '/><span>' + item[i].toUpperCase() + '</span></label></br>';
    }
    radio_html += '</div>';
    view.append(radio_html);
@@ -289,61 +289,62 @@

    $('input[type=radio][name=' + tNode.tId + '_style]').change(function () {
      var layer = layersObj[tNode.uuid];
      if (layer.options.type =='wms'){
        layer.options.parameters.styles = layer.options.style_prefix+this.value;
      // 通过判断是否有复选框赋值
      var a = $('input[type=checkbox][id=' + tNode.tId + '_prefix]')[0] == undefined ? false : $('input[type=checkbox][id=' + tNode.tId + '_prefix]')[0].checked;
      if (layer.options.type == 'wms') {
        layer.options.parameters.styles = a ? 'visible_' + layer.options.style_prefix + this.value : layer.options.style_prefix + this.value;
        layer.options.style_selected = this.value;
        layer.reload();
        //监测区域
      }else if (layer.options.id ==1001){
      } else if (layer.options.id == 1001) {
        layer.options.style_selected = this.value;
        layer.changeColor();
        //国控点
      }else if (layer.options.id ==1004){
      } else if (layer.options.id == 1004) {
        layer.options.style_selected = this.value;
        //移动监测点
      }
    });

    $('input[type=checkbox][id=' + tNode.tId + '_prefix]').click(function () {
      var layer = layersObj[tNode.uuid];
      var childDom = $('input[type=radio][name=' + tNode.tId + '_style]:checked').val()
      if ($(this).is(":checked")) {
        $('input[type=radio][name=' + tNode.tId + '_style]').change(function () {
          var layer = layersObj[tNode.uuid];
          if (layer.options.type =='wms'){
            layer.options.parameters.styles = 'visible_'+layer.options.style_prefix+this.value;
            layer.options.style_selected = this.value;
            layer.reload();
            //监测区域
          }else if (layer.options.id ==1001){
            layer.options.style_selected = this.value;
            layer.changeColor();
            //国控点
          }else if (layer.options.id ==1004){
            layer.options.style_selected = this.value;
            //移动监测点
          }
        });
      }else {
        $('input[type=radio][name=' + tNode.tId + '_style]').change(function () {
          var layer = layersObj[tNode.uuid];
          if (layer.options.type =='wms'){
            layer.options.parameters.styles = layer.options.style_prefix+this.value;
            layer.options.style_selected = this.value;
            layer.reload();
            //监测区域
          }else if (layer.options.id ==1001){
            layer.options.style_selected = this.value;
            layer.changeColor();
            //国控点
          }else if (layer.options.id ==1004){
            layer.options.style_selected = this.value;
            //移动监测点
          }
        });
        if (layer.options.type == 'wms') {
          layer.options.parameters.styles = 'visible_' + layer.options.style_prefix + childDom;
          layer.options.style_selected = childDom;
          layer.reload();
          //监测区域
        } else if (layer.options.id == 1001) {
          layer.options.style_selected = childDom;
          layer.changeColor();
          //国控点
        } else if (layer.options.id == 1004) {
          layer.options.style_selected = childDom;
          //移动监测点
        }
      } else {
        console.log("取消选择")
        console.log(this, "this")
        if (layer.options.type == 'wms') {

          layer.options.parameters.styles = layer.options.style_prefix + childDom;
          layer.options.style_selected = childDom;
          layer.reload();
          //监测区域
        } else if (layer.options.id == 1001) {
          layer.options.style_selected = childDom;
          layer.changeColor();
          //国控点
        } else if (layer.options.id == 1004) {
          layer.options.style_selected = childDom;
          //移动监测点
        }
      }
    })
  }

  $("#treeOverlays").each(function(){
  $("#treeOverlays").each(function () {
    $("label").find("input[value='pm25']").next().text("PM₂.₅ (μg/m³)");
    $("label").find("input[value='pm10']").next().text("PM₁₀ (μg/m³)");
    $("label").find("input[value='no']").next().text("NO (μg/m³)");
@@ -363,7 +364,7 @@
var lastRightClickTreeId;
var lastRightClickTreeNode;

function treeOverlays_OnRightClick(event, treeId, treeNode) {
function treeOverlays_OnRightClick (event, treeId, treeNode) {
  if (treeNode == null) {
    return;
  }
@@ -398,18 +399,18 @@
  $("body").bind("mousedown", onBodyMouseDown);
}

function onBodyMouseDown(event) {
function onBodyMouseDown (event) {
  if (!(event.target.id == "content_layer_manager_rMenu" || $(event.target).parents("#content_layer_manager_rMenu").length > 0)) {
    hideRMenu();
  }
}

function hideRMenu() {
function hideRMenu () {
  $("body").unbind("mousedown", onBodyMouseDown);
  $("#content_layer_manager_rMenu").hide();
}

function bindRightMenuEvnet() {
function bindRightMenuEvnet () {
  $("#content_layer_manager_rMenu li").on("click", function () {
    hideRMenu();

@@ -419,7 +420,7 @@
}

//移动节点及图层位置
function moveNodeAndLayer(type) {
function moveNodeAndLayer (type) {
  var treeObj = $.fn.zTree.getZTreeObj(lastRightClickTreeId);

  //获得当前节点的所有同级节点
@@ -507,7 +508,7 @@
/**
 * 交换相邻的图层 ： layer1 待移动图层 ，layer2 移动目标图层
 */
function exchangeLayer(layer1, layer2) {
function exchangeLayer (layer1, layer2) {
  if (layer1 == null || layer2 == null) {
    return;
  }
@@ -526,7 +527,7 @@
//===================================其他====================================

//地图图层添加移除监听，自动勾选
function updateCheckd(name, checked) {
function updateCheckd (name, checked) {
  var treeObj = $.fn.zTree.getZTreeObj("treeOverlays");
  var nodes = treeObj.getNodesByParam("name", name, null);
  if (nodes && nodes.length > 0) {