Newer
Older
KaiFengPC / public / static / libs / mapbox / style / floodOneMap.json
@zhangdeliang zhangdeliang on 23 May 19 KB 初始化项目
{
  "params": {
    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
    "sprites": [
      "/static/libs/mapbox/style/sprite/sprite4"
    ],
    "init": {
      "center": [
        113.953,
        30.906
      ],
      "zoom": 13.6,
      "pitch": 55,
      "style": "/static/libs/mapbox/style/customs/night-style.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": "hubei_xiaogan_pipeline_info",
      "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": [
            "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"
            }
          ]
        }
      ],
      "columns": "layer",
      "filter": "layer = 'YS'"
    },
    {
      "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": "hubei_xiaogan_buildings",
      "key": "hubei_xiaogan_buildings",
      "type": "CityBuildingLayer",
      "show": false,
      "params": {
        "zIndex": 0
      },
      "methods": [
        {
          "name": "size",
          "params": [
            "height"
          ]
        },
        {
          "name": "color",
          "params": [
            "rgba(242,246,250,1.0)"
          ]
        },
        {
          "name": "animate",
          "params": [
            {
              "enable": true
            }
          ]
        },
        {
          "name": "active",
          "params": [
            {
              "color": "#0ff",
              "mix": 0.5
            }
          ]
        },
        {
          "name": "style",
          "params": [
            {
              "opacity": 0.7,
              "baseColor": "rgb(16, 16, 16)",
              "windowColor": "rgb(30, 60, 89)",
              "brightColor": "rgb(255, 176, 38)",
              "sweep": {
                "enable": false,
                "sweepRadius": 2,
                "sweepColor": "#1990FF",
                "sweepSpeed": 0.5,
                "sweepCenter": [
                  113.9453365546258,
                  30.921172016196397
                ]
              }
            }
          ]
        }
      ],
      "columns": "height"
    },
    {
      "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": "hubei_xiaogan_pipeline_info",
      "source-layer": "hubei_xiaogan_pipeline_info",
      "type": "line",
      "filter": [
        "in",
        "layer",
        ""
      ],
      "paint": {
        "line-color": [
          "match",
          [
            "get",
            "layer"
          ],
          "YS",
          "#1b76ff",
          "WS",
          "#ff4c61",
          "HS",
          "#ff4c61",
          "#000000"
        ],
        "line-width": [
          "match",
          [
            "get",
            "data_class"
          ],
          1,
          8,
          2,
          6,
          3,
          4,
          4,
          2,
          2
        ]
      },
      "layout": {},
      "minzoom": 0,
      "maxzoom": 24,
      "mType": "mvt",
      "columns": "起点点号,终点点号,layer,data_class,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": "hubei_xiaogan_pipeline_point",
      "source-layer": "hubei_xiaogan_pipeline_point",
      "type": "symbol",
      "filter": [
        "in",
        "图层",
        ""
      ],
      "paint": {
        "text-color": "#ffffff"
      },
      "layout": {
        "icon-image": [
          "match",
          [
            "get",
            "图层"
          ],
          "雨水点",
          "ysj",
          "污水点",
          "wsj",
          "合流点",
          "hsj",
          "ysbz"
        ],
        "icon-size": 0.5,
        "text-field": "{起点点号,终点点号}",
        "text-font": [
          "Noto Sans CJK SC DemiLight",
          "Arial Unicode MS Regular"
        ],
        "text-size": 13,
        "text-line-height": 3,
        "text-anchor": "top"
      },
      "minzoom": 16,
      "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": "#ffffff"
      },
      "layout": {
        "icon-image": [
          "match",
          [
            "get",
            "type"
          ],
          "warning_monitor",
          "warning_monitor",
          "success_monitor",
          "success_monitor",
          "error_monitor",
          "error_monitor",
          "video",
          "SP2",
          "PLBZ",
          "waiPaiBeng",
          "paiKou",
          "paiKou",
          "YSBZ",
          "paiLaoBeng",
          "drainOutlet",
          "DFHZ2",
          "WSBZ",
          "wsBeng",
          "WSCLC",
          "WSC",
          "orinign",
          "orinign",
          "rainStation",
          "rain",
          "pipeSupervise",
          "rainSupervise",
          "PKsupervise",
          "YQGXMX",
          "waterlog",
          "yiLao",
          "riverLake",
          "KDJZWMX",
          "waterSectionInfo",
          "yuanTous",
          "paiKou_1",
          "paiKou",
          "YSBZ_1",
          "paiLaoBeng",
          "drainOutlet_1",
          "DFHZ2",
          "WSBZ_1",
          "wsBeng",
          "WSCLC_1",
          "WSC",
          "orinign_1",
          "orinign",
          "rainStation_1",
          "rain",
          "pipeSupervise_1",
          "rainSupervise",
          "PKsupervise_1",
          "YQGXMX",
          "waterlog_1",
          "yiLao",
          "riverLake_1",
          "KDJZWMX",
          "waterSectionInfo_1",
          "yuanTou",
          "PLBZ_1",
          "waiPaiBeng",
          "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,
          -1
        ]
      },
      "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",
          "HS"
        ],
        [
          "污水点",
          "合流点"
        ]
      ]
    },
    "ysLine1": {
      "layerName": [
        "pipeline_info",
        "pipeline_point"
      ],
      "filter": [
        [
          "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
      }
    }
  }
}