派生自 wuyushui/SewerAndRainNetwork

YANGDL
2021-02-22 0e9c7f99a32785953cd155299275584c00097c96
修改配置文件
1个文件已添加
2个文件已修改
782 ■■■■ 已修改文件
src/conf/LayerSewers.js 111 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/conf/Layers.js 666 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/conf/MapConfig.js 5 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/conf/LayerSewers.js
New file
@@ -0,0 +1,111 @@
import * as L from 'leaflet'
const APP_GIS_HOST_2 = 'http://xearth.cn:6230'
const myRenderer = L.canvas()// 需要使用画布渲染的使用 renderer: myRenderer 作为参数
export const LayerSewers = {
  code: 'pipeline',
  name: '管网数据',
  icon_actived: '',
  icon_deactived: '',
  type: 'geojson',
  // url: APP_GIS_HOST_PIPELINE + '/server/ogcserver/PipeLineTest/wms?version=1.1.1',
  url: APP_GIS_HOST_2 + '/layer/findLayer?layerName=pipeline',
  inLegend: true,
  checked: true,
  option: {
    styles: {
      fill: true,
      weight: 2,
      fillColor: '#06cccc',
      color: '#06cccc',
      fillOpacity: 0.2,
      opacity: 0.8
      // dashArray:'10,4',
      // dashSpeed:-10,
    },
    renderer: myRenderer
  },
  layers: [
    {
      code: 'rainline',
      name: '雨水线',
      sname: '雨水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'oilline',
      name: '含油污水线',
      sname: '含油污水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'saltline',
      name: '含盐污水线',
      sname: '含盐污水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'alkaliline',
      name: '含碱污水线',
      sname: '含碱污水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'outlet',
      name: '排口',
      sname: '排口',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'pk' // 关联PointLayers
    },
    {
      code: 'accidentline',
      name: '事故水线',
      sname: '事故水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'loopline',
      name: '循环水线',
      sname: '循环水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'purifyline',
      name: '净化水线',
      sname: '净化水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'lifeline',
      name: '生活污水',
      sname: '生活污水',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'fsss,hbss' // 关联PointLayers
    },
    {
      code: 'areainfo',
      name: '区域信息',
      sname: '区域信息',
      checked: true, // 默认选中状态
      filter: {},
      childLayer: 'qyxx' // 关联PointLayers
    }
  ]
}
src/conf/Layers.js
@@ -1,427 +1,321 @@
import * as L from 'leaflet'
const APP_GIS_HOST = 'http://xearth.cn:6299'
const myRenderer = L.canvas()// 需要使用画布渲染的使用 renderer: myRenderer 作为参数
// import * as L from 'leaflet'
import { LayerSewers } from './LayerSewers'
// const APP_GIS_HOST = 'http://xearth.cn:6299'
// 几何类型常量
const GEOM_POINT = 'POINT'
const APP_GIS_HOST_2 = 'http://xearth.cn:6230'
export const Layers = [
  {
    code: 'guojie',
    name: '国界',
    icon_actived: '',
    icon_deactived: '',
    type: 'wmts',
    url: APP_GIS_HOST + '/server/ogcserver/whp_guojie/wmts?x={x}&y={y}&z={z}',
    inLegend: true,
    checked: true,
    option: {
      zoomOffset: 1
    }
  },
  /*    {
      code: 'pipeline',
      name: '管网数据',
      icon_actived: '',
      icon_deactived: '',
      type: 'wms',
      // url: APP_GIS_HOST_PIPELINE + '/server/ogcserver/PipeLineTest/wms?version=1.1.1',
      url: APP_GIS_HOST_PIPELINE + '/server/ogcserver/PipeLine/wms?version=1.1.1',
      inLegend: true,
      checked: true,
      option: {
        layers: 'all',
        styles: '', // Comma-separated list of WMS styles.
        format: 'image/png', // WMS image format (use 'image/png' for layers with transparency).
        transparent: true, // If true, the WMS service will return images with transparency.
        version: '1.1.1', // Version of the WMS service to use
        tileSize: L.point(256, 256),
        crs: L.CRS.EPSG4326, // Coordinate Reference System to use for the WMS requests, defaults to map CRS. Don't change this if you're not sure what it means.
        uppercase: false,
        WMSTILE: 1
      }, */
  {
    code: 'pipeline',
    name: '管网数据',
    icon_actived: '',
    icon_deactived: '',
    type: 'geojson',
    // url: APP_GIS_HOST_PIPELINE + '/server/ogcserver/PipeLineTest/wms?version=1.1.1',
    url: APP_GIS_HOST_2 + '/layer/findLayer?layerName=pipeline',
    inLegend: true,
    checked: true,
    option: {
      styles: {
        fill: true,
        weight: 2,
        fillColor: '#06cccc',
        color: '#06cccc',
        fillOpacity: 0.2,
        opacity: 0.8
        // dashArray:'10,4',
        // dashSpeed:-10,
      },
      renderer: myRenderer
    },
    layers: [
export const ServiceLayers = [
  /*    {
        code: 'pipeline',
        name: '管网数据',
        icon_actived: '',
        icon_deactived: '',
        type: 'wms',
        // url: APP_GIS_HOST_PIPELINE + '/server/ogcserver/PipeLineTest/wms?version=1.1.1',
        url: APP_GIS_HOST_PIPELINE + '/server/ogcserver/PipeLine/wms?version=1.1.1',
        inLegend: true,
        checked: true,
        option: {
          layers: 'all',
          styles: '', // Comma-separated list of WMS styles.
          format: 'image/png', // WMS image format (use 'image/png' for layers with transparency).
          transparent: true, // If true, the WMS service will return images with transparency.
          version: '1.1.1', // Version of the WMS service to use
          tileSize: L.point(256, 256),
          crs: L.CRS.EPSG4326, // Coordinate Reference System to use for the WMS requests, defaults to map CRS. Don't change this if you're not sure what it means.
          uppercase: false,
          WMSTILE: 1
        }, */
  LayerSewers
]
export const PointLayers = [
  {
    code: 'fsss',
    name: '附属设施',
    checked: true, // 默认选中状态
    filters: [
      {
        code: 'rainline',
        name: '雨水线',
        sname: '雨水',
        code: 'fourlink',
        name: '四通',
        sname: '四通',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      },
      {
        code: 'oilline',
        name: '含油污水线',
        sname: '含油污水',
        code: 'tee',
        name: '三通',
        sname: '三通',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      },
      {
        code: 'saltline',
        name: '含盐污水线',
        sname: '含盐污水',
        code: 'piperack',
        name: '管架(墩)',
        sname: '管架',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      },
      {
        code: 'alkaliline',
        name: '含碱污水线',
        sname: '含碱污水',
        code: 'pipegallery',
        name: '管廊(带)',
        sname: '管廊',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      },
      {
        code: 'outlet',
        name: '排口',
        sname: '排口',
        code: 'pipesegment',
        name: '流向',
        sname: '流向',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      },
      {
        code: 'accidentline',
        name: '事故水线',
        sname: '事故水',
        code: 'pipeline',
        name: '管网',
        sname: '管网',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      },
      {
        code: 'loopline',
        name: '循环水线',
        sname: '循环水',
        code: 'valve',
        name: '阀门',
        sname: '阀门',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      },
      {
        code: 'purifyline',
        name: '净化水线',
        sname: '净化水',
        code: 'elbow',
        name: '弯头',
        sname: '弯头',
        checked: true, // 默认选中状态
        filter: {}
      },
      {
        code: 'lifeline',
        name: '生活污水',
        sname: '生活污水',
        checked: true, // 默认选中状态
        filter: {}
      },
      {
        code: 'areainfo',
        name: '区域信息',
        sname: '区域信息',
        checked: true, // 默认选中状态
        filter: {}
        geom: GEOM_POINT
      }
    ],
    filtersGroup: [
    ]
  },
  {
    code: 'hbss',
    name: '环保设施',
    checked: true, // 默认选中状态
    filters: [
      {
        code: 'fsss',
        name: '附属设施',
        code: 'manhole',
        name: '窨井',
        sname: '窨井',
        checked: true, // 默认选中状态
        filters: [
          {
            code: 'fourlink',
            name: '四通',
            sname: '四通',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'tee',
            name: '三通',
            sname: '三通',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'piperack',
            name: '管架(墩)',
            sname: '管架',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pipegallery',
            name: '管廊(带)',
            sname: '管廊',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pipesegment',
            name: '流向',
            sname: '流向',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pipeline',
            name: '管网',
            sname: '管网',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'valve',
            name: '阀门',
            sname: '阀门',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'elbow',
            name: '弯头',
            sname: '弯头',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          }
        ]
        geom: GEOM_POINT
      },
      {
        code: 'hbss',
        name: '环保设施',
        code: 'firedike',
        name: '防火堤',
        sname: '防火堤',
        checked: true, // 默认选中状态
        filters: [
          {
            code: 'manhole',
            name: '窨井',
            sname: '窨井',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'firedike',
            name: '防火堤',
            sname: '防火堤',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'raingate',
            name: '雨篦子',
            sname: '雨篦子',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'overflowweir',
            name: '溢流堰',
            sname: '溢流堰',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'chokevalve',
            name: '截流闸',
            sname: '截流闸',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'collectingbasin',
            name: '集水池(罐)',
            sname: '集水池',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'oilseparator',
            name: '隔油池',
            sname: '隔油池',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          }
        ]
        geom: GEOM_POINT
      },
      {
        code: 'pk',
        name: '排口',
        code: 'raingate',
        name: '雨篦子',
        sname: '雨篦子',
        checked: true, // 默认选中状态
        filters: [
          {
            code: 'dischargeport',
            name: '排放口',
            sname: '排放口',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          }
        ]
        geom: GEOM_POINT
      },
      {
        code: 'qyxx',
        name: '区域信息',
        code: 'overflowweir',
        name: '溢流堰',
        sname: '溢流堰',
        checked: true, // 默认选中状态
        filters: [
          {
            code: 'thirdpartypipe',
            name: '第三方管道',
            sname: '第三方管道',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'firefightingunit',
            name: '消防单位',
            sname: '消防单位',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'emergencyesources',
            name: '应急物资',
            sname: '应急物资',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'emergencyres',
            name: '社会专业应急救援队伍',
            sname: '专业应急救援',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'maintenanceteam',
            name: '维抢修队伍',
            sname: '维抢修队伍',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'hospital',
            name: '医院',
            sname: '医院',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pointpreservationzone',
            name: '自然保护区',
            sname: '自然保护区',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pointhydrology',
            name: '水体',
            sname: '水体',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'sensitivetarget',
            name: '敏感目标',
            sname: '敏感目标',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'envmonunit',
            name: '环境监测单位',
            sname: '环境监测单位',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pointcontaminants',
            name: '监测点污染物指标信息',
            sname: '污染物指标',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'dischargeportaround',
            name: '排放口周边环境敏感信息',
            sname: '排放口周边环境',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pump',
            name: '泵',
            sname: '泵',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'liquidlevelmeter',
            name: '液位计',
            sname: '液位计',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'flowmeter',
            name: '流量计',
            sname: '流量计',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'video',
            name: '视频监控配置',
            sname: '视频监控',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'onlinemonitoring',
            name: '在线监测设备配置',
            sname: '在线监测',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'combustiblegas',
            name: '可燃气体报警设备配置',
            sname: '可燃气体报警',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'hydrogensulfide',
            name: 'H2S浓度报警设备配置',
            sname: 'H2S浓度报警',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'controlpoint',
            name: '管线点',
            sname: '管线点',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          },
          {
            code: 'pipesegment',
            name: '管段',
            sname: '管段',
            checked: true, // 默认选中状态
            geom: GEOM_POINT
          }
        ]
        geom: GEOM_POINT
      },
      {
        code: 'chokevalve',
        name: '截流闸',
        sname: '截流闸',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'collectingbasin',
        name: '集水池(罐)',
        sname: '集水池',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'oilseparator',
        name: '隔油池',
        sname: '隔油池',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      }
    ]
  },
  {
    code: 'pk',
    name: '排口',
    checked: true, // 默认选中状态
    filters: [
      {
        code: 'dischargeport',
        name: '排放口',
        sname: '排放口',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      }
    ]
  },
  {
    code: 'qyxx',
    name: '区域信息',
    checked: true, // 默认选中状态
    filters: [
      {
        code: 'thirdpartypipe',
        name: '第三方管道',
        sname: '第三方管道',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'firefightingunit',
        name: '消防单位',
        sname: '消防单位',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'emergencyesources',
        name: '应急物资',
        sname: '应急物资',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'emergencyres',
        name: '社会专业应急救援队伍',
        sname: '专业应急救援',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'maintenanceteam',
        name: '维抢修队伍',
        sname: '维抢修队伍',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'hospital',
        name: '医院',
        sname: '医院',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'pointpreservationzone',
        name: '自然保护区',
        sname: '自然保护区',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'pointhydrology',
        name: '水体',
        sname: '水体',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'sensitivetarget',
        name: '敏感目标',
        sname: '敏感目标',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'envmonunit',
        name: '环境监测单位',
        sname: '环境监测单位',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'pointcontaminants',
        name: '监测点污染物指标信息',
        sname: '污染物指标',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'dischargeportaround',
        name: '排放口周边环境敏感信息',
        sname: '排放口周边环境',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'pump',
        name: '泵',
        sname: '泵',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'liquidlevelmeter',
        name: '液位计',
        sname: '液位计',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'flowmeter',
        name: '流量计',
        sname: '流量计',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'video',
        name: '视频监控配置',
        sname: '视频监控',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'onlinemonitoring',
        name: '在线监测设备配置',
        sname: '在线监测',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'combustiblegas',
        name: '可燃气体报警设备配置',
        sname: '可燃气体报警',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'hydrogensulfide',
        name: 'H2S浓度报警设备配置',
        sname: 'H2S浓度报警',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'controlpoint',
        name: '管线点',
        sname: '管线点',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      },
      {
        code: 'pipesegment',
        name: '管段',
        sname: '管段',
        checked: true, // 默认选中状态
        geom: GEOM_POINT
      }
    ]
  }
src/conf/MapConfig.js
@@ -1,6 +1,6 @@
import * as L from 'leaflet'
import TDT from './TDT'
import { Layers } from './Layers'
import { ServiceLayers, PointLayers } from './Layers'
const curWwwPath = window.document.location.href
const pathname = window.document.location.pathname
const pos = curWwwPath.indexOf(pathname)
@@ -35,7 +35,8 @@
  showBaseMapType: 1, // 1显示天地图,2显示arcgis地图
  IntranetBaseMaps: TDT.intranet,
  InternetBaseMaps: TDT.internet,
  ServiceLayers: Layers
  ServiceLayers: ServiceLayers,
  PointLayers: PointLayers
}
/**