Newer
Older
DH_Apicture / public / static / libs / mapbox / style / edit_pipe.json
@zhangqy zhangqy 28 days ago 12 KB first commit
{
  "params": {
    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
    "mvt": "https://supermap0.wh-nf.cn:8090/vt/mvt",
    "geojson": "https://supermap0.wh-nf.cn:8090/vt/geojson",
    "sprites": ["/static/libs/mapbox/style/sprite/sprite"],
    "init": {
      "center": [
        114.45370037156442, 30.525710664701975
      ],
      "zoom": 11.27664,
      "pitch": 0,
      "style":"",
      "localStyle": "/static/libs/mapbox/mapbox-street-style.json"
    },
    "l7": {
      "images": [
        {
          "name": "map_selected1",
          "url": "/static/libs/mapbox/images/选中.png"
        }
      ]
    },
    "mapbox": {

    }
  },
  "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": 17,
        "tileType": ""
      },
      "methods": [
        {
          "name": "addTo",
          "params": [
            "''||map"
          ]
        },
        {
          "name": "hide",
          "params": []
        }
      ]
    }
  ],
  "l7": [
    {
      "id": "",
      "key": "highlight_linestring",
      "type": "LineLayer",
      "temporary": true,
      "show": true,
      "params": {
        "autoFit": false,
        "zIndex": 1
      },
      "methods": [
        {
          "name": "size",
          "params": [1.5]
        },
        {
          "name": "shape",
          "params": ["line"]
        },
        {
          "name": "color",
          "params": [
            "管段类型",
            "''||function(v){\n        let key = [\"雨水\", \"污水\", \"合流\"];\n        let colors = ['#184375', '#E6061A', '#ccff12'];\n        return colors[key.indexOf(v)];\n      }"
          ]
        },
        {
          "name": "animate",
          "params": [
            {
              "interval": 1,
              "duration": 1,
              "trailLength": 2
            }
          ]
        }
      ]
    },
    {
      "id": "",
      "key": "highlight_point1",
      "type": "PointLayer",
      "temporary": true,
      "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",
      "temporary": true,
      "show": true,
      "params": {
        "zIndex": 0,
        "blend": "additive"
      },
      "methods": [
        {
          "name": "shape",
          "params": [
            "map_selected1"
          ]
        },
        {
          "name": "size",
          "params": [
            16
          ]
        },
        {
          "name": "style",
          "params": [
            {
              "offsets": [
                0,
                0
              ]
            }
          ]
        }
      ]
    },
    {
      "id": "",
      "key": "highlight_polygon",
      "type": "LineLayer",
      "temporary": true,
      "show": true,
      "params": {
        "zIndex": 0
      },
      "methods": [
        {
          "name": "shape",
          "params": [
            "wall"
          ]
        },
        {
          "name": "size",
          "params": [
            55
          ]
        },
        {
          "name": "style",
          "params": [
            {
              "heightfixed": true,
              "opacity": 0.6,
              "sourceColor": "rgba(255,0,0,1)",
              "targetColor": "rbga(255,255,255, 0)"
            }
          ]
        }
      ]
    }
  ],
  "mapbox": [
    {
      "id": "all_boundary",
      "key": "all_boundary",
      "type": "line",
      "paint": {
        "line-color": [
          "match",
          ["get","id"],
          1,"rgba(255,18,60,1)",
          "rgba(255,18,60,0)"
        ],
        "line-width": 1
      },
      "layout": {},
      "minzoom": 0,
      "maxzoom": 24,
      "mType": "geojsonMvt"
    },
    {
      "id": "point",
      "key": "point",
      "type": "symbol",
      "minzoom": 0,
      "maxzoom": 24,
      "filter": [
        "in",
        "type",
        "",
        "1_泵站",
        "1_污水处理厂",
        "rainwater_pipeline_water_level",
        "问题管线"
      ],
      "paint": {
        "text-color": "#ffffff",
        "text-halo-blur": 1.5,
        "text-halo-color": "rgba(0,0,0,1)",
        "text-halo-width": 1.5,
        "text-opacity": ["step", ["zoom"], 0, 14, 1]
      },
      "layout": {
        "icon-image": [
          "match",
          [
            "get",
            "type"
          ],
         "rain","雨量站扎点@2x",
         "port_channel_info","港渠扎点@2x",
         "rainwater_pipeline_water_level","雨水管网液位扎点@2x",
         "water_region_info","分区信息扎点@2x",
         "waterlogging","渍水监测点扎点@2x",
         "waterlogging_point_info","渍水点扎点@2x",
         "sewage_pump_station_info","污水泵站扎点@2x",
         "sewage_factory_info","污水处理厂扎点@2x",
         "channel_water_level","港渠水位扎点@2x",
         "outlet_quality","排口水质扎点@2x",
         "channel_quality","港渠水质扎点@2x",
         "outlet_info","排口扎点@2x",
         "lake_info","湖泊扎点@2x",
         "diversion_well_info","分流井扎点@2x",
         "lake_water_level","湖泊水位扎点@2x",
         "water_gate_info","水闸扎点@2x",
         "storage_tank_info","调蓄池扎点@2x",
         "outlet_water_level","排口水质扎点@2x",
         "region_info","分区信息扎点@2x",
         "rain_water_pump_station_info","雨水泵站扎点@2x",
         "sewage_pipeline_quality","污水管网水质扎点@2x",
         "drainage_info","排水户扎点@2x",
         "rainwater_pipeline_quality","雨水管网水质扎点@2x",
         "reservoir_info","水库扎点@2x",
         "reservoir_water_level","水库范围i扎点@2x",
         "sewage_factory_station_info","污水处理站",
          "1_泵站", "污水泵站扎点@2x",
          "1_污水处理厂", "污水处理厂扎点@2x",
          "问题管线", "帮助",
          "storehouse", "物资仓库@2x",
          "dikeGood", "堤防备料@2x",
          "0"
        ],
        "icon-allow-overlap": true,
        "icon-anchor": "center",
        "icon-size": 1,
        "text-allow-overlap": false,
        "text-field": "{name}",
        "text-font": [
          "KlokanTech Noto Sans Regular"
        ],
        "text-size": 15,
        "text-justify": "left",
        "text-anchor": "top",
        "text-line-height": 1.3,
        "text-max-width": 30,
        "text-offset": [0,1.5],
        "text-optional": true
      },
      "mType": "geojson"
    },
    {
      "id": "polygon",
      "key": "polygon",
      "filter": [
        "in",
        "type",
        ""
      ],
      "type": "fill-extrusion",
      "paint": {
        "fill-extrusion-color": [
          "get",
          "color"
        ]
      },
      "layout": {},
      "minzoom": 0,
      "maxzoom": 24,
      "mType": "geojson"
    },
    {
      "id": "linestring",
      "key": "linestring",
      "type": "line",
      "filter": [
        "in",
        "type",
        "",
        "分区流向"
      ],
      "paint": {
        "line-opacity": [
          "interpolate",
          [
            "linear"
          ],
          [
            "zoom"
          ],
          15,
          1,
          18.05,
          0
        ],
        "line-color": [
          "get",
          "color"
        ],
        "line-width": 4
      },
      "layout": {},
      "minzoom": 0,
      "maxzoom": 24,
      "mType": "geojson"
    },
    {
      "id": "pipeline_info",
      "key": "hb_wh_dhgx_pipe_line",
      "type": "line",
      "filter": [
        "all",
        ["in", ["get", "管段类型"],["literal", ["污水","雨水"]]]
      ],
      "paint": {
        "line-color": [
          "match",
          ["get", "管段类型"],
          "雨水", "#37BE5F",
          "污水", "#E6061A",
          "合流", "#ccff12",
          "#000000"
        ],
        "line-width": [
          "match",
          ["get", "级别"],
          1, 5,
          2, 2,
          2
        ]
      },
      "layout": {},
      "minzoom": 0,
      "maxzoom": 24,
      "mType": "geojsonMvt",
      "columns": "*,st_asText(geometrys) as geometry"
    },
    {
      "id": "pipeline_point",
      "key": "hb_wh_dhgx_pipe_point",
      "type": "symbol",
      "filter":  [
        "all",
        ["in", ["get", "类型"],["literal", ["污水","雨水"]]]
      ],
      "paint": {"text-color": "#333"},
      "layout": {
        "icon-ignore-placement":true,
        "icon-image": [
          "match",
          ["concat", ["get", "类型"], ["get", "附属物"]],
          "雨水进水口", "ys_排水口",
          "雨水检修井", "ysj",
          "雨水污水篦", "雨水箅",
          "雨水窨井", "ysj",
          "雨水出水口", "ys_排水口",
          "雨水雨水箅", "雨水箅",

          "污水进水口", "ws_排水口",
          "污水检修井", "wsj",
          "污水污水篦", "污水箅",
          "污水窨井", "wsj",
          "污水出水口", "ws_排水口",
          "污水雨水箅", "污水箅",
          "预留口"
        ],
        "icon-size": 1,
        "text-field": "{设施编号}",
        "text-font": [
          "KlokanTech Noto Sans Regular"
        ],
        "text-size": 13,
        "text-line-height": 3,
        "text-anchor": "top"
      },
      "minzoom": 14,
      "maxzoom": 24,
      "mType": "geojsonMvt",
        "columns": "*,st_asText(geometrys) as geometry"
    },
    {
      "id": "pipeline_info_text",
      "key": "hb_wh_dhgx_pipe_line",
      "type": "symbol",
      "filter": [
        "all",
        ["in", ["get", "管段类型"],["literal", ["污水","雨水"]]]
      ],
      "minzoom": 1,
      "layout": {
        "icon-ignore-placement":false,
        "symbol-placement": "line-center",
        "symbol-spacing": 40,
        "icon-image": [
          "match",
          ["get", "管段类型"],
          "雨水","hong",
          "污水","lan",
          "qqq"
        ],
        "icon-rotate": [
          "match",
          ["get", "流向"],
          0,0,
          1,180,
          0
        ],
        "icon-size": 0.6,
        "text-font": ["KlokanTech Noto Sans Regular"],
        "text-letter-spacing": 0.1,
        "text-rotation-alignment": "map",
        "text-size": 16,
        "text-anchor": "top",
        "text-offset": [1,1],
        "text-transform": "uppercase",
        "visibility": "visible"
      },
      "paint": {
        "text-color": [
          "match",
          ["get","管段类型"],
          "雨水","rgba(93,126,161,1)",
          "污水","rgba(230,8,28,1)",
          "#000"
        ],
        "text-halo-color": "hsl(0, 0%, 100%)",
        "text-halo-width": 2
      },
      "mType": "geojsonMvt",
      "columns": "*,st_asText(geometrys) as geometry"
    }
  ],
  "orders": [
    ["all_boundary"],
    ["poi_label"],
    ["place_label_city"],
    ["road_major_label"],
    ["place_label_other"],
    ["pipeline_info_text"],
    ["point"]
  ],
  "filter": {
    "污水": {
      "layerName": ["pipeline_info", "pipeline_point", "pipeline_info_text"],
      "filter": [["污水"], ["污水"], ["污水"]]
    },
    "雨水": {
      "layerName": ["pipeline_info", "pipeline_point", "pipeline_info_text"],
      "filter": [["雨水"], ["雨水"], ["雨水"]]
    }
  }
}