{
  "params": {
    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
    "sprites": ["/static/libs/mapbox/style/sprite/sprite5"],
    "init": {
      "center": [114.312, 34.802],
      "zoom": 12.9,
      "pitch": 55,
      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
    },
    "l7": {
      "images": [
        {
          "name": "02",
          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
        },
        {
          "name": "map_selected",
          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
        }
      ]
    }
  },
  "ogc": [
    {
      "id": "newfiber-XYZLayer",
      "type": "XYZLayer",
      "params": {
        "id": "newfiber-XYZLayer",
        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
        "subdomains": ["0", "1", "2", "3", "4", "5", "6", "7"],
        "minZoom": 1,
        "maxZoom": 19,
        "tileType": ""
      },
      "methods": [
        {
          "name": "addTo",
          "params": ["''||map"]
        },
        {
          "name": "hide",
          "params": []
        }
      ]
    },
    {
      "id": "newfiber-WMTSLayer",
      "type": "WMTSLayer",
      "params": {
        "id": "newfiber-WMTSLayer",
        "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87",
        "subdomains": ["0", "1", "2", "3", "4", "5", "6", "7"]
      },
      "methods": []
    },
    {
      "id": "newfiber-CanvasLayer",
      "type": "CanvasLayer",
      "params": {
        "id": "newfiber-CanvasLayer",
        "bbox": [110.98300209463804, 32.415967161418266, 111.34992583909221, 32.599933881244255],
        "width": 3000,
        "height": 1172,
        "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)"
      },
      "methods": []
    },
    {
      "id": "newfiber-WMSLayer",
      "type": "WMSLayer",
      "params": {
        "id": "newfiber-WMSLayer",
        "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms",
        "layers": "xiaoganMapServer:GKFQ1"
      },
      "methods": []
    }
  ],
  "l7": [
    {
      "id": "hubei_xiaogan_roads",
      "key": "hubei_xiaogan_roads",
      "type": "LineLayer",
      "show": false,
      "params": {
        "autoFit": false,
        "zIndex": 10
      },
      "methods": [
        {
          "name": "shape",
          "params": ["line"]
        },
        {
          "name": "color",
          "params": [
            "fclass",
            "''||function(v){\n        let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n        let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n        return colors[key.indexOf(v)];\n      }"
          ]
        },
        {
          "name": "style",
          "params": [
            {
              "watercolor": "#6D99A8"
            }
          ]
        },
        {
          "name": "animate",
          "params": [
            {
              "interval": 1,
              "duration": 1,
              "trailLength": 2
            }
          ]
        }
      ],
      "columns": "fclass"
    },
    {
      "id": "hn_kf_hm_pipeline",
      "key": "pipeline_info_flow_ys",
      "type": "LineLayer",
      "show": false,
      "params": {
        "autoFit": false,
        "zIndex": 1
      },
      "methods": [
        {
          "name": "size",
          "params": [3]
        },
        {
          "name": "shape",
          "params": ["line"]
        },
        {
          "name": "texture",
          "params": ["02"]
        },
        {
          "name": "color",
          "params": [
            "类型",
            "''||function(v){\n        let key = [\"ys\", \"ws\", \"hs\"];\n        let colors = ['#184375', '#E6061A', '#ccff12'];\n        return colors[key.indexOf(v)];\n      }"
          ]
        },
        {
          "name": "animate",
          "params": [
            {
              "interval": 1,
              "duration": 1,
              "trailLength": 2
            }
          ]
        },
        {
          "name": "style",
          "params": [
            {
              "opacity": 0.6,
              "lineTexture": true,
              "iconStep": 10,
              "borderWidth": 0.4,
              "borderColor": "#fff"
            }
          ]
        }
      ],
      "columns": "类型"
    },
    {
      "id": "hubei_xiaogan_pipeline_info",
      "key": "pipeline_info_flow_ws1",
      "type": "LineLayer",
      "show": false,
      "params": {
        "autoFit": false,
        "zIndex": 1
      },
      "methods": [
        {
          "name": "size",
          "params": [3]
        },
        {
          "name": "shape",
          "params": ["line"]
        },
        {
          "name": "texture",
          "params": ["02"]
        },
        {
          "name": "color",
          "params": [
            "layer",
            "''||function(v){\n        let key = [\"YS\", \"WS\", \"HS\"];\n        let colors = ['#184375', '#E6061A', '#E6061A'];\n        return colors[key.indexOf(v)];\n      }"
          ]
        },
        {
          "name": "animate",
          "params": [
            {
              "interval": 1,
              "duration": 1,
              "trailLength": 2
            }
          ]
        },
        {
          "name": "style",
          "params": [
            {
              "opacity": 0.6,
              "lineTexture": true,
              "iconStep": 10,
              "borderWidth": 0.4,
              "borderColor": "#fff"
            }
          ]
        }
      ],
      "columns": "layer",
      "filter": "layer in ('WS','HS')"
    },
    {
      "id": "",
      "key": "warning_monitor",
      "type": "PointLayer",
      "show": true,
      "params": {
        "zIndex": 0,
        "blend": "additive"
      },
      "methods": [
        {
          "name": "shape",
          "params": ["circle"]
        },
        {
          "name": "color",
          "params": ["rgba(236,223,25,1.0)"]
        },
        {
          "name": "size",
          "params": ["size", "''||function(v){return v}"]
        },
        {
          "name": "animate",
          "params": [true]
        },
        {
          "name": "style",
          "params": [
            {
              "unit": "meter"
            }
          ]
        }
      ]
    },
    {
      "id": "",
      "key": "highlight_linestring",
      "type": "LineLayer",
      "show": true,
      "params": {
        "autoFit": false,
        "zIndex": 1
      },
      "methods": [
        {
          "name": "size",
          "params": [3]
        },
        {
          "name": "shape",
          "params": ["line"]
        },
        {
          "name": "texture",
          "params": ["02"]
        },
        {
          "name": "color",
          "params": [
            "layer",
            "''||function(v){\n        let key = [\"ys\", \"ws\", \"hs\"];\n        let colors = ['#184375', '#E6061A', '#ccff12'];\n        return colors[key.indexOf(v)];\n      }"
          ]
        },
        {
          "name": "animate",
          "params": [
            {
              "interval": 1,
              "duration": 1,
              "trailLength": 2
            }
          ]
        },
        {
          "name": "style",
          "params": [
            {
              "opacity": 0.6,
              "lineTexture": true,
              "iconStep": 10,
              "borderWidth": 0.4,
              "borderColor": "#fff"
            }
          ]
        }
      ]
    },
    {
      "id": "",
      "key": "highlight_point1",
      "type": "PointLayer",
      "show": true,
      "params": {
        "zIndex": 0,
        "blend": "additive"
      },
      "methods": [
        {
          "name": "shape",
          "params": ["circle"]
        },
        {
          "name": "color",
          "params": ["rgba(255,0,0,1.0)"]
        },
        {
          "name": "size",
          "params": [10]
        },
        {
          "name": "animate",
          "params": [true]
        },
        {
          "name": "style",
          "params": [
            {
              "unit": "meter"
            }
          ]
        }
      ]
    },
    {
      "id": "",
      "key": "highlight_point",
      "type": "PointLayer",
      "show": true,
      "params": {
        "zIndex": 0,
        "blend": "additive"
      },
      "methods": [
        {
          "name": "shape",
          "params": ["map_selected"]
        },
        {
          "name": "size",
          "params": [30]
        },
        {
          "name": "style",
          "params": [
            {
              "offsets": [0, 0]
            }
          ]
        }
      ]
    },
    {
      "id": "",
      "key": "highlight_polygon",
      "type": "LineLayer",
      "show": true,
      "params": {
        "zIndex": 0
      },
      "methods": [
        {
          "name": "shape",
          "params": ["line"]
        },
        {
          "name": "size",
          "params": [2]
        },
        {
          "name": "color",
          "params": ["rgba(189, 209, 150,1)"]
        }
      ]
    }
  ],
  "mapbox": [
    {
      "id": "all_boundary",
      "key": "all_boundary",
      "source-layer": "all_boundary",
      "type": "line",
      "paint": {
        "line-color": "rgba(255,18,60,1)",
        "line-width": 1
      },
      "layout": {},
      "minzoom": 0,
      "maxzoom": 24,
      "mType": "mvt"
    },
    {
      "id": "pipeline_info",
      "key": "hn_kf_hm_pipeline",
      "source-layer": "hn_kf_hm_pipeline",
      "type": "line",
      "filter": ["in", "类型", ""],
      "paint": {
        "line-color": ["match", ["get", "类型"], "ys", "#1b76ff", "ws", "#ff4c61", "hs", "#d8ad4f", "#000000"],
        "line-width": 2
      },
      "layout": {},
      "minzoom": 0,
      "maxzoom": 24,
      "mType": "mvt",
      "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry"
    },
    {
      "id": "city_boundary",
      "key": "hubei_xiaogan_hm_city_boundary",
      "source-layer": "hubei_xiaogan_hm_city_boundary",
      "type": "fill",
      "filter": ["in", "name", ""],
      "paint": {
        "fill-color": ["get", "fill_color"]
      },
      "layout": {},
      "minzoom": 10,
      "maxzoom": 24,
      "mType": "mvt",
      "columns": "name,fill_color"
    },
    {
      "id": "hubei_xiaogan_hm_psfq",
      "key": "hubei_xiaogan_hm_psfq",
      "source-layer": "hubei_xiaogan_hm_psfq",
      "type": "fill",
      "filter": ["in", "type", ""],
      "paint": {
        "fill-color": ["get", "fill_color"],
        "fill-opacity": 0.4
      },
      "layout": {},
      "minzoom": 12,
      "maxzoom": 24,
      "mType": "mvt",
      "columns": "type,fill_color,st_asText(geometrys) as geometry"
    },
    {
      "id": "pipeline_point",
      "key": "hn_kf_hm_pipeline_point",
      "source-layer": "hn_kf_hm_pipeline_point",
      "type": "symbol",
      "filter": ["in", "类型", ""],
      "paint": {
        "text-color": "rgba(255, 255, 255, 1)",
        "text-halo-color": "rgba(14, 139, 90, 1)",
        "text-halo-width": 2
      },
      "layout": {
        "icon-image": ["match", ["get", "类型"], "ys", "ysj", "ws", "wsj", "hs", "hsj", "ysbz"],
        "icon-size": 0.5,
        "text-field": "{管线点号}",
        "text-font": ["KlokanTech Noto Sans Regular"],
        "text-size": 13,
        "text-line-height": 3,
        "text-anchor": "top"
      },
      "minzoom": 15,
      "maxzoom": 24,
      "mType": "mvt",
      "columns": "管线点号,类型,st_asText(geometrys) as geometry"
    },
    {
      "id": "point",
      "key": "point",
      "type": "symbol",
      "minzoom": 0,
      "maxzoom": 24,
      "filter": ["in", "type", ""],
      "paint": {
        "text-color": "rgba(255, 255, 255, 1)",
        "text-halo-color": "rgba(14, 139, 90, 1)",
        "text-halo-width": 2
      },
      "layout": {
        "icon-image": [
          "match",
          ["get", "type"],
          "YSBZ",
          "rainBengZhan_icon",
          "WSBZ",
          "sewageBenZhan_icon",
          "combineBengZhan",
          "combineBengZhan_icon",
          "sewageFactory",
          "sewageFactory_icon",
          "waterLoging",
          "waterLoging_icon",
          "waterCourse",
          "waterCourse_icon",
          "rainStation",
          "rainStation_icon",
          "origine",
          "origine_icon",
          "spongeFacility",
          "pipeMonitor",
          "spongeFacility_icon",
          "waterFactory",
          "waterFactory_icon",
          "ysbz"
        ],
        "text-allow-overlap": true,
        "icon-allow-overlap": true,
        "icon-anchor": "center",
        "icon-size": 0.8,
        "text-field": "{name}",
        "text-font": ["KlokanTech Noto Sans Regular"],
        "text-size": 16,
        "text-line-height": 3,
        "text-anchor": "bottom",
        "text-max-width": 50,
        "text-offset": [0, -0.8]
      },
      "mType": "geojson"
    }
  ],
  "orders": [
    ["newfiber-XYZLayer"],
    ["hubei_xiaogan_hm_psfq"],
    ["city_boundary"],
    ["all_boundary"],
    ["pipeline_info"],
    ["pipeline_point"],
    ["poi_label"],
    ["place_label_city"],
    ["road_major_label"],
    ["place_label_other"],
    ["point"]
  ],
  "filter": {
    "wsLine1": {
      "layerName": ["pipeline_info", "pipeline_point"],
      "filter": [["ws"], ["ws"]]
    },
    "hsLine1": {
      "layerName": ["pipeline_info", "pipeline_point"],
      "filter": [["hs"], ["hs"]]
    },
    "ysLine1": {
      "layerName": ["pipeline_info", "pipeline_point"],
      "filter": [["ys"], ["ys"]]
    },
    "YSFQ": {
      "layerName": ["hubei_xiaogan_hm_psfq"],
      "filter": [["YS"]]
    },
    "WSFQ": {
      "layerName": ["hubei_xiaogan_hm_psfq"],
      "filter": [["WS"]]
    },
    "oldCity": {
      "layerName": ["city_boundary"],
      "filter": [["老城区"]],
      "easeTo": {
        "center": [113.933, 30.926],
        "zoom": 13.6,
        "pitch": 55
      }
    },
    "southCity": {
      "layerName": ["city_boundary"],
      "filter": [["南城新区"]],
      "easeTo": {
        "center": [113.933, 30.886],
        "zoom": 13.6,
        "pitch": 55
      }
    },
    "newCity": {
      "layerName": ["city_boundary"],
      "filter": [["东城新区"]],
      "easeTo": {
        "center": [113.983, 30.896],
        "zoom": 13.6,
        "pitch": 55
      }
    },
    "allCity": {
      "layerName": ["city_boundary"],
      "filter": [["东城新区", "南城新区", "老城区"]],
      "easeTo": {
        "center": [113.953, 30.906],
        "zoom": 13.6,
        "pitch": 55
      }
    }
  }
}