add custom layer manager

wangzhibo

2021-09-15 7bd57c68259f3e47cf4b396fefb1abb3d12a71f5

 js/function.js

@@ -59,7 +59,9 @@
  layer_1001_guokong = new mars3d.layer.DivLayer({
    name: '国控点',
    pid: 99, //图层管理 中使用，父节点id
    show: false
    show: false,
    selectedMapStyleOptions:'pm25',
    hasMapStyleOptions:['pm25','pm10','no','no2','nox','co']
  });
  map.addLayer(layer_1001_guokong);

@@ -205,36 +207,22 @@
      "format": "image/png",
      "sld": "http://127.0.0.1:8080/geoserver/styles/vis_grid1000_5000_co.sld"
    },
    center: { "lat": 31.162801, "lng": 121.543277, "alt": 50000, "heading": 359.2, "pitch": -39.5 },
    getFeatureInfoParameters: {
      feature_count: 10
    },
    //单击高亮及其样式
    highlight: {
      type: "wallP",
      diffHeight: 300,
      material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, {
        image: "img/textures/fence.png",
        color: "#ffff00",
        speed: 10, //速度，建议取值范围1-100
        axisY: true,
      }),
    },
    popup: "all",
    show: false,
    flyTo: true,
    minimumLevel: 6, // load level
    maximumLevel: 16,
    minimumTerrainLevel: 5, // show level
    maximumTerrainLevel: 18,
  });
  map.addLayer(layer_grid_5000);

  layer_grid_5000.reloadLayers = function (){
    layer_grid_5000.options.layers ="konglu_58:vis_grid1000_day";
    layer_grid_5000.options.parameters.sld ="http://127.0.0.1:8080/geoserver/styles/"+layer_grid_5000.options.selectedMapStyleOptions+".sld";
    layer_grid_5000.options.parameters.viewparams="id1:0;id2:10";
    console.log(layer_grid_5000);
    layer_grid_5000.reload();
  }

  //单击事件
  layer_grid_5000.on(mars3d.EventType.click, function (event) {
    console.log("单击了矢量数据，共" + event.features.length + "条", event);
  });

  map.addLayer(layer_grid_5000);

}