diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git a/public/static/libs/mapbox/style/wh_dhgx2.json b/public/static/libs/mapbox/style/wh_dhgx2.json new file mode 100644 index 0000000..cc1839c --- /dev/null +++ b/public/static/libs/mapbox/style/wh_dhgx2.json @@ -0,0 +1,1680 @@ +{ + "params": { + "basemap": "https://dhgx1.wh-nf.cn:7081/bm", + "mvt": [ + "https://dhgx0.wh-nf.cn:7081/vt/mvt", + "https://dhgx1.wh-nf.cn:7081/vt/mvt", + "https://dhgx2.wh-nf.cn:7081/vt/mvt", + "https://dhgx3.wh-nf.cn:7081/vt/mvt", + "https://dhgx4.wh-nf.cn:7081/vt/mvt", + "https://dhgx5.wh-nf.cn:7081/vt/mvt", + "https://dhgx6.wh-nf.cn:7081/vt/mvt", + "https://dhgx7.wh-nf.cn:7081/vt/mvt", + "https://dhgx8.wh-nf.cn:7081/vt/mvt", + "https://dhgx9.wh-nf.cn:7081/vt/mvt", + "https://dhgx10.wh-nf.cn:7081/vt/mvt", + "https://dhgx11.wh-nf.cn:7081/vt/mvt", + "https://dhgx12.wh-nf.cn:7081/vt/mvt", + "https://dhgx13.wh-nf.cn:7081/vt/mvt", + "https://dhgx14.wh-nf.cn:7081/vt/mvt", + "https://dhgx15.wh-nf.cn:7081/vt/mvt" + ], + "geojson": "https://dhgx9.wh-nf.cn:7081/vt/geojson", + "sprites": [ + "/static/libs/mapbox/style/sprite/sprite" + ], + "init": { + "center": [114.40776390595016, 30.484477581887262], + "zoom": 11.3, + "maxZoom": 20.9, + "minZoom": 1, + "pitch": 0, + "bearing":0, + "style":"", + "localStyle": "/static/libs/mapbox/night-style1.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/images/map_selected.png" + }, + { + "name": "map_selected1", + "url": "/static/libs/mapbox/images/选中.png" + } + ] + }, + "mapbox": { + "images": [ + {"name": "水库水位@2x", "url": "/static/libs/mapbox/images/水库水位@2x.png"}, + {"name": "污水处理站", "url": "/static/libs/mapbox/images/污水处理站.png"}, + {"name": "堤防备料@2x", "url": "/static/libs/mapbox/images/堤防备料@2x.png"}, + {"name": "物资仓库@2x", "url": "/static/libs/mapbox/images/物资仓库@2x.png"}, + {"name": "blockage", "url": "/static/libs/mapbox/images/blockage.png"}, + {"name": "full", "url": "/static/libs/mapbox/images/full.png"}, + {"name": "full_out", "url": "/static/libs/mapbox/images/full_out.png"}, + {"name": "full_out_risk", "url": "/static/libs/mapbox/images/full_out_risk.png"}, + {"name": "排渍调度", "url": "/static/libs/mapbox/images/排渍调度.png"}, + {"name": "material5", "url": "/static/libs/mapbox/images/1.jpg"}, + {"name": "selectedLocation", "url": "/static/libs/mapbox/images/selectedLocation.png"}, + {"name": "污水厂", "url": "/static/libs/mapbox/images/污水厂.png"}, + {"name": "污水监测", "url": "/static/libs/mapbox/images/污水监测.png"}, + + {"name": "水质异常", "url": "/static/libs/mapbox/images/污水-水质异常.png"}, + {"name": "淤堵风险", "url": "/static/libs/mapbox/images/污水-淤堵风险.png"}, + {"name": "雨水混入", "url": "/static/libs/mapbox/images/污水-雨水混入.png"}, + {"name": "地下水注入", "url": "/static/libs/mapbox/images/雨水-地下水注入.png"}, + {"name": "晴天出流", "url": "/static/libs/mapbox/images/雨水-晴天出流.png"}, + {"name": "污水混入", "url": "/static/libs/mapbox/images/雨水-污水混入.png"}, + + {"name": "地", "url": "/static/libs/mapbox/images/地.png"}, + {"name": "堵", "url": "/static/libs/mapbox/images/堵.png"}, + {"name": "异", "url": "/static/libs/mapbox/images/异.png"}, + {"name": "晴", "url": "/static/libs/mapbox/images/晴.png"}, + {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, + {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, + {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, + + {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, + {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, + {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} + ] + } + }, + "ogc": [ + { + "id": "newfiber-XYZLayer", + "type": "XYZLayer1", + "params": { + "id": "newfiber-XYZLayer", + "url": "https://tiles{s}.geovisearth.com/base/v1/img/default/{z}/{x}/{y}?format=webp&tmsIds=w&token=7098e0a9272b2738269fac81a14ee963834feef31e9330461348d679a24e005b", + "subdomains": [ + "1", + "2", + "3" + ], + "minZoom": 1, + "maxZoom": 18, + "tileType": "" + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + }, + { + "id": "高清地图", + "type": "XYZLayer1", + "params": { + "id": "高清地图", + "url": "https://supermap{s}.wh-nf.cn:8090/resource/tms/dhgx/{z}/{x}/{y}.png", + "subdomains": ["0", "1", "2", "3","4","5","6","7","8","9","10","11","12","13","14","15"], + "minZoom": 1, + "maxZoom": 22 + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + } + ], + "l7": [ + { + "id": "", + "key": "蒙版", + "type": "PolygonLayer", + "show": true, + "temporary": true, + "params": { + "zIndex": 100, + "minZoom": 12.5 + }, + "methods": [ + { + "name": "shape", + "params": [ + "fill" + ] + }, + { + "name": "color", + "params": ["rgba(0,0,0,.75)"] + } + ] + }, + { + "id": "", + "key": "尾水路径", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "雨水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "污水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + + { + "id": "", + "key": "分区流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "排口流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "村域边界", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(0,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.5, + "duration": 3, + "trailLength":0.1 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "水系流向", + "type": "LineLayer", + "temporary": true, + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 2.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "area", + "''||function(v){\n let key = [\"雨水\", \"污水\", \"合流\"];\n let colors = ['#061D3D', '#FFFFFF', '#ccff12'];\n return 'rgba(255,255,255,1)'||colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 3, + "duration": 1, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "temporary": true, + "show": true, + "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)] || '#E6061A';\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", + "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": "hb_wh_dhgx_merge", + "key": "hb_wh_dhgx_merge", + "type": "fill", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["3"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "paint": { + "fill-color": [ + "get", + "color" + ], + "fill-opacity": [ + "match", + ["get", "c_layer"], + "排水分区_雨水分区_1",0.5, + "排水分区_雨水分区_2",0.25, + "排水分区_雨水分区_3",0.15, + "排水分区_雨水分区_4",0.05, + "排水分区_污水分区_1",0.5, + "排水分区_污水分区_2",0.25, + "排水分区_污水分区_3",0.15, + "排水分区_污水分区_4",0.05, + 0.5 + ] + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_border", + "key": "hb_wh_dhgx_merge", + "type": "line", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", ["轮廓"]]] + ], + "paint": { + "line-color": [ + "match", + ["get","layer"], + "排水分区","rgba(98,101,124,1)", + ["get","color"] + ], + "line-width": [ + "match", + ["get", "layer"], + "排水分区",0.5, + "轮廓",1, + 3.5 + ], + "line-dasharray": [ + "match", + ["get", "c_layer"], + "轮廓", [1, 1], + "尾水路径_路线1", [2, 2], + "排水分区", [2, 2], + [1] + ] + }, + "layout": { + "line-join": [ + "match", + ["get", "c_layer"], + "轮廓", "round", + "尾水路径_路线1", "round", + "butt" + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 0, + "maxzoom": 24, + "paint": { + "text-halo-color": "#ccefff", + "text-color": "rgba(251, 0, 0, 1)", + "text-halo-width": 1 + }, + "layout": { + "icon-image": [ + "match", + ["get", "c_layer"], + "尾水路径_污水处理厂","污水处理厂扎点@2x", + "尾水路径_净水厂","污水处理厂扎点@2x", + "尾水路径_泵站","污水泵站扎点@2x", + "transparent" + ], + "icon-allow-overlap": false, + "icon-anchor": "center", + "icon-size": 0.8, + "text-allow-overlap": false, + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 14, + "text-justify": "left", + "text-anchor": "top", + "text-line-height": 1.2, + "text-max-width": 50, + "text-offset": [0, 1.2], + "text-optional": true + }, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry", + "geom_column": "geometrys_center" + }, + { + "id": "hb_wh_dhgx_merge_line_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["2"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 4, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "c_layer"], + "管网概化图_雨水","hong", + "管网概化图_污水","lan", + "qqq" + ], + "icon-size": 1, + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [1.5,1.5], + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "rgba(0,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 0 + }, + "mType": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "水库管理范围", + "key": "hb_wh_gxq_skglfw1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "水库管理范围_text", + "key": "hb_wh_gxq_skglfw1", + "type": "symbol", + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "乡镇", + "key": "hb_wh_gxq_xiang1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.5 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "乡镇_text", + "key": "hb_wh_gxq_xiang1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "村", + "key": "hb_wh_gxq_cun2", + "type": "fill", + "filter": ["in", "type", ""], + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.7 + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "村_text", + "key": "hb_wh_gxq_cun2", + "type": "symbol", + "filter": ["in", "type", ""], + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "rgba(255,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + + { + "id": "排水分区", + "key": "hb_wh_dhgx_psfq", + "type": "fill", + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "paint": { + "fill-color": ["get", "color"], + "fill-opacity": [ + "match", + ["get", "level"], + "1",0.3, + "2",0.2, + "3",0.2, + "4",0.1, + 0.5 + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys) as geometry" + }, + { + "id": "排水分区_text", + "key": "hb_wh_dhgx_psfq", + "type": "symbol", + "minzoom": 1, + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys_center) as geometry" + }, + + { + "id": "港渠", + "key": "hb_wh_dhgx_gq11", + "type": "fill", + "paint": { + "fill-color": "rgba(31,184,255,1)", + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "港渠_text", + "key": "hb_wh_dhgx_gq11", + "type": "symbol", + "minzoom": 1, + + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-max-width": 10, + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "湖泊_text", + "key": "hb_wh_gxq_water1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "point", + "key": "point", + "type": "symbol", + "minzoom": 0, + "maxzoom": 24, + "filter": [ + "in", + "type", + "", + "1_泵站", + "1_污水处理厂", + "1_调蓄池", + "rainwater_pipeline_water_level_GWGSWYX", + "问题管线", + "outlet_info1", + "outlet_info2", + "sewage_pump_station_info1", + "rain_water_pump_station_info1", + "waterlog_community", + "waterlog_community_text", + "rainwater_pipeline_quality1", + "rainwater_pipeline_quality_area1", + "sewage_pipeline_quality1", + "storage_tank_info1", + "clickPoint", + "temporary" + ], + "paint": { + "text-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","#FFFFFF", + "#FFFFFF" + ], + "text-halo-blur": 1.5, + "text-halo-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","rgba(255,0,0,1)", + "rgba(255,0,0,1)" + ], + "text-halo-width": 1.5, + "text-opacity": ["step", ["zoom"], 0, 11, 1] + }, + "layout": { + "icon-image": [ + "match", + ["get", "_image"], + "rain","雨量站扎点@2x", + "waterlog_point","排渍调度", + "port_channel_info","港渠扎点@2x", + "rainwater_pipeline_water_level","雨水管网液位扎点@2x", + "rainwater_pipeline_water_level_GWGSWYX","heigh", + "water_region_info","分区信息扎点@2x", + "waterlogging","渍水监测点扎点@2x", + "waterlogging_point_info","渍水点扎点@2x", + "sewage_pump_station_info","污水泵站扎点@2x", + "sewage_pump_station_info1","污水泵站扎点@2x", + "sewage_factory_info","污水处理厂扎点@2x", + "channel_water_level","港渠水位扎点@2x", + "outlet_quality","排口水质扎点@2x", + "channel_quality","港渠水质扎点@2x", + "outlet_info","排口扎点@2x", + "outlet_info1","排口扎点@2x", + "outlet_info2","排口扎点@2x", + "lake_info","湖泊扎点@2x", + "diversion_well_info","分流井扎点@2x", + "lake_water_level","湖泊水位扎点@2x", + "water_gate_info","水闸扎点@2x", + "storage_tank_info","调蓄池扎点@2x", + "storage_tank_info1","调蓄池扎点@2x", + "1_调蓄池","调蓄池扎点@2x", + "outlet_water_level","排口水质扎点@2x", + "region_info","分区信息扎点@2x", + "rain_water_pump_station_info","雨水泵站扎点@2x", + "rain_water_pump_station_info1","雨水泵站扎点@2x", + "sewage_pipeline_quality","污水管网水质扎点@2x", + "sewage_pipeline_quality_city","污水监测", + "sewage_pipeline_quality1","污水监测", + "drainage_info","排水户扎点@2x", + "rainwater_pipeline_quality","雨水管网水质扎点@2x", + "rainwater_pipeline_quality1","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_city","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_area","接驳口扎点@2x", + "rainwater_pipeline_quality_area1","接驳口扎点@2x", + "reservoir_info","水库扎点@2x", + "reservoir_water_level","水库范围i扎点@2x", + "sewage_factory_station_info","污水处理站", + "1_泵站", "污水泵站扎点@2x", + "1_污水处理厂", "污水厂", + "问题管线", "帮助", + "storehouse", "物资仓库@2x", + "dikeGood", "堤防备料@2x", + "泵车离线", "泵车离线", + "泵车在线", "泵车在线", + "waterlog_community", "渍水点扎点@2x", + "clickPoint", "selectedLocation", + "temporary", "selectedLocation", + + "QTCL","晴", + "WSHR","混", + "DXSZR","地", + + "GJMY","溢", + "GWMG","满", + "GWGSWYX","高", + "GJMYFX","溢", + + "YSHR","混", + "YDFX","堵", + "SZYC","异", + + "tran" + ], + "icon-allow-overlap": true, + "icon-anchor": "center", + "icon-size": [ + "match", + ["get", "_image"], + "泵车离线",0.5, + "泵车在线",0.5, + "1_污水处理厂",0.7, + "sewage_pipeline_quality1",0.7, + "sewage_pipeline_quality_city",0.7, + "GJMY",0.7, + "GWMG",0.7, + "GWGSWYX",0.7, + "GJMYFX",0.7, + "YSHR",0.7, + "YDFX",0.7, + "SZYC",0.7, + 1 + ], + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-allow-overlap": false, + "text-size": 13, + "text-justify": "left", + "text-anchor": "bottom", + "text-line-height": 1.3, + "text-max-width": 10, + "text-offset": [ + "match", + ["get","name"], + "绣球山污水泵站",[0,3], + "湖滨泵站",[0,3], + "关东泵站",[0,3], + [3.5,-1.0] + ] + }, + "mType": "geojson" + }, + { + "id": "polygon", + "key": "polygon", + "filter": [ + "in", + "type", + "", + "waterlog_community", + "temporary" + ], + "type": "fill", + "paint": { + "fill-opacity": 0.5, + "fill-color": [ + "get", + "color" + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "linestring", + "key": "linestring", + "type": "line", + "filter": [ + "in", + "type", + "", + "分区流向", + "排口流向", + "waterlog_community", + "污水系统流向1", + "temporary" + ], + "paint": { + "line-color": [ + "get", + "color" + ], + "line-width": [ + "coalesce", + ["get","width"], + 4 + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "pipeline_info1", + "key": "hb_wh_dhgx_pipe_line1", + "source-layer": "hb_wh_dhgx_pipe_line1", + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point1", + "key": "hb_wh_dhgx_pipe_point1", + "source-layer": "hb_wh_dhgx_pipe_point1", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["污水","雨水"]]] + ], + "paint": {"text-color": "#fff"}, + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "line", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", ["",""]]] + ], + "paint": { + "line-color": [ + "match", + ["get", "管段类型"], + "YS", "#37BE5F", + "WS", "#E6061A", + "HS", "#ccff12", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hb_wh_dhgx_pipe_point_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["",""]]] + ], + "paint": {"text-color": "#333"}, + "layout": { + "icon-image": [ + "match", + ["concat", ["get", "类型"], ["get", "附属物"]], + "YS进水口", "ys_排水口", + "YS检修井", "ysj", + "YS", "ysj", + "YS污水篦", "雨水箅", + "YS窨井", "ysj", + "YS出水口", "ys_排水口", + "YS雨水箅", "雨水箅", + + "WS进水口", "ws_排水口", + "WS检修井", "wsj", + "WS", "wsj", + "WS污水篦", "污水箅", + "WS窨井", "wsj", + "WS出水口", "ws_排水口", + "污水WS雨水箅", "污水箅", + "预留口" + ], + "icon-size": 1, + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15.5, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info_text", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", [""]]] + ], + "minzoom": 15.6, + "maxzoom": 24, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "管段类型"], + "YS","hong", + "WS","lan", + "qqq" + ], + "icon-rotate": [ + "match", + ["get", "流向"], + 0,180, + 1,0, + 0 + ], + "icon-size": 1, + "text-field": "{管线材质} {管径}", + "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": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "建筑物", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-pattern": "material5", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-base": 0, + "fill-extrusion-color": "rgba(23,170,244, 1)", + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + }, + { + "id": "建筑物_top", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-color": "rgba(213,213,213,1)", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10.1 + ], + "fill-extrusion-base": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + } + ], + "orders": [ + ["all_boundary"], + ["hb_wh_dhgx_merge_border"], + ["hb_wh_dhgx_merge_text"], + ["poi_label"], + ["place_label_city"], + ["road_major_label"], + ["place_label_other"], + ["排水分区_text"], + ["point"] + ], + "filter": { + "污水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"], ["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"],["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"]] + }, + "雨水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"], ["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"],["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"]] + }, + + "污水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["WS1"],["WS1"]] + }, + "雨水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["YS1"],["YS1"]] + }, + "排水分区_close": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [ + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"], + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"] + ] + }, + "渍水风险点": { + "layerName": ["渍水风险点_symbol", "渍水风险点_line", "渍水风险点_fill"], + "filter": [[],[],[]] + }, + "尾水路径": { + "layerName": ["hb_wh_dhgx_merge_text", "hb_wh_dhgx_merge_border","hb_wh_dhgx_merge_line_text"], + "filter": [ + ["尾水路径_污水处理厂", "尾水路径_泵站", "尾水路径_标注", "尾水路径_净水厂"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"] + ] + }, + "雨水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["YS"],["YS"],["YS"]]}, + "污水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["WS","HS"],["WS","HS"],["WS","HS"]]}, + "污水系统流向1": { + "layerName": ["linestring"], + "filter": [ + ["污水系统流向1"] + ] + }, + "污水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["污水"], ["污水"], ["污水"]] + }, + "雨水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["雨水"], ["雨水"], ["雨水"]] + }, + + "花山镇":{"layerName": ["村", "村_text"], "filter": [["花山镇"],["花山镇"]]}, + "滨湖街":{"layerName": ["村", "村_text"], "filter": [["滨湖街"],["滨湖街"]]}, + "牛山湖养殖场":{"layerName": ["村", "村_text"], "filter": [["牛山湖养殖场"],["牛山湖养殖场"]]}, + "流芳街":{"layerName": ["村", "村_text"], "filter": [["流芳街"],["流芳街"]]}, + "九峰乡":{"layerName": ["村", "村_text"], "filter": [["九峰乡"],["九峰乡"]]}, + "关东街":{"layerName": ["村", "村_text"], "filter": [["关东街"],["关东街"]]}, + "佛祖岭街":{"layerName": ["村", "村_text"], "filter": [["佛祖岭街"],["佛祖岭街"]]}, + "豹澥镇":{"layerName": ["村", "村_text"], "filter": [["豹澥镇"],["豹澥镇"]]}, + "左岭镇":{"layerName": ["村", "村_text"], "filter": [["左岭镇"],["左岭镇"]]}, + "豹澥湖":{"layerName": ["村", "村_text"], "filter": [["豹澥湖"],["豹澥湖"]]}, + + + "东湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "梁子湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严西湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严家湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "牛山湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "豹澥湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "南湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "车墩湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "汤逊湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严东湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "五加湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]} + } +} diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git a/public/static/libs/mapbox/style/wh_dhgx2.json b/public/static/libs/mapbox/style/wh_dhgx2.json new file mode 100644 index 0000000..cc1839c --- /dev/null +++ b/public/static/libs/mapbox/style/wh_dhgx2.json @@ -0,0 +1,1680 @@ +{ + "params": { + "basemap": "https://dhgx1.wh-nf.cn:7081/bm", + "mvt": [ + "https://dhgx0.wh-nf.cn:7081/vt/mvt", + "https://dhgx1.wh-nf.cn:7081/vt/mvt", + "https://dhgx2.wh-nf.cn:7081/vt/mvt", + "https://dhgx3.wh-nf.cn:7081/vt/mvt", + "https://dhgx4.wh-nf.cn:7081/vt/mvt", + "https://dhgx5.wh-nf.cn:7081/vt/mvt", + "https://dhgx6.wh-nf.cn:7081/vt/mvt", + "https://dhgx7.wh-nf.cn:7081/vt/mvt", + "https://dhgx8.wh-nf.cn:7081/vt/mvt", + "https://dhgx9.wh-nf.cn:7081/vt/mvt", + "https://dhgx10.wh-nf.cn:7081/vt/mvt", + "https://dhgx11.wh-nf.cn:7081/vt/mvt", + "https://dhgx12.wh-nf.cn:7081/vt/mvt", + "https://dhgx13.wh-nf.cn:7081/vt/mvt", + "https://dhgx14.wh-nf.cn:7081/vt/mvt", + "https://dhgx15.wh-nf.cn:7081/vt/mvt" + ], + "geojson": "https://dhgx9.wh-nf.cn:7081/vt/geojson", + "sprites": [ + "/static/libs/mapbox/style/sprite/sprite" + ], + "init": { + "center": [114.40776390595016, 30.484477581887262], + "zoom": 11.3, + "maxZoom": 20.9, + "minZoom": 1, + "pitch": 0, + "bearing":0, + "style":"", + "localStyle": "/static/libs/mapbox/night-style1.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/images/map_selected.png" + }, + { + "name": "map_selected1", + "url": "/static/libs/mapbox/images/选中.png" + } + ] + }, + "mapbox": { + "images": [ + {"name": "水库水位@2x", "url": "/static/libs/mapbox/images/水库水位@2x.png"}, + {"name": "污水处理站", "url": "/static/libs/mapbox/images/污水处理站.png"}, + {"name": "堤防备料@2x", "url": "/static/libs/mapbox/images/堤防备料@2x.png"}, + {"name": "物资仓库@2x", "url": "/static/libs/mapbox/images/物资仓库@2x.png"}, + {"name": "blockage", "url": "/static/libs/mapbox/images/blockage.png"}, + {"name": "full", "url": "/static/libs/mapbox/images/full.png"}, + {"name": "full_out", "url": "/static/libs/mapbox/images/full_out.png"}, + {"name": "full_out_risk", "url": "/static/libs/mapbox/images/full_out_risk.png"}, + {"name": "排渍调度", "url": "/static/libs/mapbox/images/排渍调度.png"}, + {"name": "material5", "url": "/static/libs/mapbox/images/1.jpg"}, + {"name": "selectedLocation", "url": "/static/libs/mapbox/images/selectedLocation.png"}, + {"name": "污水厂", "url": "/static/libs/mapbox/images/污水厂.png"}, + {"name": "污水监测", "url": "/static/libs/mapbox/images/污水监测.png"}, + + {"name": "水质异常", "url": "/static/libs/mapbox/images/污水-水质异常.png"}, + {"name": "淤堵风险", "url": "/static/libs/mapbox/images/污水-淤堵风险.png"}, + {"name": "雨水混入", "url": "/static/libs/mapbox/images/污水-雨水混入.png"}, + {"name": "地下水注入", "url": "/static/libs/mapbox/images/雨水-地下水注入.png"}, + {"name": "晴天出流", "url": "/static/libs/mapbox/images/雨水-晴天出流.png"}, + {"name": "污水混入", "url": "/static/libs/mapbox/images/雨水-污水混入.png"}, + + {"name": "地", "url": "/static/libs/mapbox/images/地.png"}, + {"name": "堵", "url": "/static/libs/mapbox/images/堵.png"}, + {"name": "异", "url": "/static/libs/mapbox/images/异.png"}, + {"name": "晴", "url": "/static/libs/mapbox/images/晴.png"}, + {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, + {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, + {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, + + {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, + {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, + {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} + ] + } + }, + "ogc": [ + { + "id": "newfiber-XYZLayer", + "type": "XYZLayer1", + "params": { + "id": "newfiber-XYZLayer", + "url": "https://tiles{s}.geovisearth.com/base/v1/img/default/{z}/{x}/{y}?format=webp&tmsIds=w&token=7098e0a9272b2738269fac81a14ee963834feef31e9330461348d679a24e005b", + "subdomains": [ + "1", + "2", + "3" + ], + "minZoom": 1, + "maxZoom": 18, + "tileType": "" + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + }, + { + "id": "高清地图", + "type": "XYZLayer1", + "params": { + "id": "高清地图", + "url": "https://supermap{s}.wh-nf.cn:8090/resource/tms/dhgx/{z}/{x}/{y}.png", + "subdomains": ["0", "1", "2", "3","4","5","6","7","8","9","10","11","12","13","14","15"], + "minZoom": 1, + "maxZoom": 22 + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + } + ], + "l7": [ + { + "id": "", + "key": "蒙版", + "type": "PolygonLayer", + "show": true, + "temporary": true, + "params": { + "zIndex": 100, + "minZoom": 12.5 + }, + "methods": [ + { + "name": "shape", + "params": [ + "fill" + ] + }, + { + "name": "color", + "params": ["rgba(0,0,0,.75)"] + } + ] + }, + { + "id": "", + "key": "尾水路径", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "雨水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "污水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + + { + "id": "", + "key": "分区流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "排口流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "村域边界", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(0,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.5, + "duration": 3, + "trailLength":0.1 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "水系流向", + "type": "LineLayer", + "temporary": true, + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 2.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "area", + "''||function(v){\n let key = [\"雨水\", \"污水\", \"合流\"];\n let colors = ['#061D3D', '#FFFFFF', '#ccff12'];\n return 'rgba(255,255,255,1)'||colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 3, + "duration": 1, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "temporary": true, + "show": true, + "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)] || '#E6061A';\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", + "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": "hb_wh_dhgx_merge", + "key": "hb_wh_dhgx_merge", + "type": "fill", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["3"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "paint": { + "fill-color": [ + "get", + "color" + ], + "fill-opacity": [ + "match", + ["get", "c_layer"], + "排水分区_雨水分区_1",0.5, + "排水分区_雨水分区_2",0.25, + "排水分区_雨水分区_3",0.15, + "排水分区_雨水分区_4",0.05, + "排水分区_污水分区_1",0.5, + "排水分区_污水分区_2",0.25, + "排水分区_污水分区_3",0.15, + "排水分区_污水分区_4",0.05, + 0.5 + ] + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_border", + "key": "hb_wh_dhgx_merge", + "type": "line", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", ["轮廓"]]] + ], + "paint": { + "line-color": [ + "match", + ["get","layer"], + "排水分区","rgba(98,101,124,1)", + ["get","color"] + ], + "line-width": [ + "match", + ["get", "layer"], + "排水分区",0.5, + "轮廓",1, + 3.5 + ], + "line-dasharray": [ + "match", + ["get", "c_layer"], + "轮廓", [1, 1], + "尾水路径_路线1", [2, 2], + "排水分区", [2, 2], + [1] + ] + }, + "layout": { + "line-join": [ + "match", + ["get", "c_layer"], + "轮廓", "round", + "尾水路径_路线1", "round", + "butt" + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 0, + "maxzoom": 24, + "paint": { + "text-halo-color": "#ccefff", + "text-color": "rgba(251, 0, 0, 1)", + "text-halo-width": 1 + }, + "layout": { + "icon-image": [ + "match", + ["get", "c_layer"], + "尾水路径_污水处理厂","污水处理厂扎点@2x", + "尾水路径_净水厂","污水处理厂扎点@2x", + "尾水路径_泵站","污水泵站扎点@2x", + "transparent" + ], + "icon-allow-overlap": false, + "icon-anchor": "center", + "icon-size": 0.8, + "text-allow-overlap": false, + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 14, + "text-justify": "left", + "text-anchor": "top", + "text-line-height": 1.2, + "text-max-width": 50, + "text-offset": [0, 1.2], + "text-optional": true + }, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry", + "geom_column": "geometrys_center" + }, + { + "id": "hb_wh_dhgx_merge_line_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["2"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 4, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "c_layer"], + "管网概化图_雨水","hong", + "管网概化图_污水","lan", + "qqq" + ], + "icon-size": 1, + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [1.5,1.5], + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "rgba(0,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 0 + }, + "mType": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "水库管理范围", + "key": "hb_wh_gxq_skglfw1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "水库管理范围_text", + "key": "hb_wh_gxq_skglfw1", + "type": "symbol", + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "乡镇", + "key": "hb_wh_gxq_xiang1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.5 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "乡镇_text", + "key": "hb_wh_gxq_xiang1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "村", + "key": "hb_wh_gxq_cun2", + "type": "fill", + "filter": ["in", "type", ""], + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.7 + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "村_text", + "key": "hb_wh_gxq_cun2", + "type": "symbol", + "filter": ["in", "type", ""], + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "rgba(255,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + + { + "id": "排水分区", + "key": "hb_wh_dhgx_psfq", + "type": "fill", + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "paint": { + "fill-color": ["get", "color"], + "fill-opacity": [ + "match", + ["get", "level"], + "1",0.3, + "2",0.2, + "3",0.2, + "4",0.1, + 0.5 + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys) as geometry" + }, + { + "id": "排水分区_text", + "key": "hb_wh_dhgx_psfq", + "type": "symbol", + "minzoom": 1, + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys_center) as geometry" + }, + + { + "id": "港渠", + "key": "hb_wh_dhgx_gq11", + "type": "fill", + "paint": { + "fill-color": "rgba(31,184,255,1)", + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "港渠_text", + "key": "hb_wh_dhgx_gq11", + "type": "symbol", + "minzoom": 1, + + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-max-width": 10, + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "湖泊_text", + "key": "hb_wh_gxq_water1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "point", + "key": "point", + "type": "symbol", + "minzoom": 0, + "maxzoom": 24, + "filter": [ + "in", + "type", + "", + "1_泵站", + "1_污水处理厂", + "1_调蓄池", + "rainwater_pipeline_water_level_GWGSWYX", + "问题管线", + "outlet_info1", + "outlet_info2", + "sewage_pump_station_info1", + "rain_water_pump_station_info1", + "waterlog_community", + "waterlog_community_text", + "rainwater_pipeline_quality1", + "rainwater_pipeline_quality_area1", + "sewage_pipeline_quality1", + "storage_tank_info1", + "clickPoint", + "temporary" + ], + "paint": { + "text-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","#FFFFFF", + "#FFFFFF" + ], + "text-halo-blur": 1.5, + "text-halo-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","rgba(255,0,0,1)", + "rgba(255,0,0,1)" + ], + "text-halo-width": 1.5, + "text-opacity": ["step", ["zoom"], 0, 11, 1] + }, + "layout": { + "icon-image": [ + "match", + ["get", "_image"], + "rain","雨量站扎点@2x", + "waterlog_point","排渍调度", + "port_channel_info","港渠扎点@2x", + "rainwater_pipeline_water_level","雨水管网液位扎点@2x", + "rainwater_pipeline_water_level_GWGSWYX","heigh", + "water_region_info","分区信息扎点@2x", + "waterlogging","渍水监测点扎点@2x", + "waterlogging_point_info","渍水点扎点@2x", + "sewage_pump_station_info","污水泵站扎点@2x", + "sewage_pump_station_info1","污水泵站扎点@2x", + "sewage_factory_info","污水处理厂扎点@2x", + "channel_water_level","港渠水位扎点@2x", + "outlet_quality","排口水质扎点@2x", + "channel_quality","港渠水质扎点@2x", + "outlet_info","排口扎点@2x", + "outlet_info1","排口扎点@2x", + "outlet_info2","排口扎点@2x", + "lake_info","湖泊扎点@2x", + "diversion_well_info","分流井扎点@2x", + "lake_water_level","湖泊水位扎点@2x", + "water_gate_info","水闸扎点@2x", + "storage_tank_info","调蓄池扎点@2x", + "storage_tank_info1","调蓄池扎点@2x", + "1_调蓄池","调蓄池扎点@2x", + "outlet_water_level","排口水质扎点@2x", + "region_info","分区信息扎点@2x", + "rain_water_pump_station_info","雨水泵站扎点@2x", + "rain_water_pump_station_info1","雨水泵站扎点@2x", + "sewage_pipeline_quality","污水管网水质扎点@2x", + "sewage_pipeline_quality_city","污水监测", + "sewage_pipeline_quality1","污水监测", + "drainage_info","排水户扎点@2x", + "rainwater_pipeline_quality","雨水管网水质扎点@2x", + "rainwater_pipeline_quality1","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_city","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_area","接驳口扎点@2x", + "rainwater_pipeline_quality_area1","接驳口扎点@2x", + "reservoir_info","水库扎点@2x", + "reservoir_water_level","水库范围i扎点@2x", + "sewage_factory_station_info","污水处理站", + "1_泵站", "污水泵站扎点@2x", + "1_污水处理厂", "污水厂", + "问题管线", "帮助", + "storehouse", "物资仓库@2x", + "dikeGood", "堤防备料@2x", + "泵车离线", "泵车离线", + "泵车在线", "泵车在线", + "waterlog_community", "渍水点扎点@2x", + "clickPoint", "selectedLocation", + "temporary", "selectedLocation", + + "QTCL","晴", + "WSHR","混", + "DXSZR","地", + + "GJMY","溢", + "GWMG","满", + "GWGSWYX","高", + "GJMYFX","溢", + + "YSHR","混", + "YDFX","堵", + "SZYC","异", + + "tran" + ], + "icon-allow-overlap": true, + "icon-anchor": "center", + "icon-size": [ + "match", + ["get", "_image"], + "泵车离线",0.5, + "泵车在线",0.5, + "1_污水处理厂",0.7, + "sewage_pipeline_quality1",0.7, + "sewage_pipeline_quality_city",0.7, + "GJMY",0.7, + "GWMG",0.7, + "GWGSWYX",0.7, + "GJMYFX",0.7, + "YSHR",0.7, + "YDFX",0.7, + "SZYC",0.7, + 1 + ], + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-allow-overlap": false, + "text-size": 13, + "text-justify": "left", + "text-anchor": "bottom", + "text-line-height": 1.3, + "text-max-width": 10, + "text-offset": [ + "match", + ["get","name"], + "绣球山污水泵站",[0,3], + "湖滨泵站",[0,3], + "关东泵站",[0,3], + [3.5,-1.0] + ] + }, + "mType": "geojson" + }, + { + "id": "polygon", + "key": "polygon", + "filter": [ + "in", + "type", + "", + "waterlog_community", + "temporary" + ], + "type": "fill", + "paint": { + "fill-opacity": 0.5, + "fill-color": [ + "get", + "color" + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "linestring", + "key": "linestring", + "type": "line", + "filter": [ + "in", + "type", + "", + "分区流向", + "排口流向", + "waterlog_community", + "污水系统流向1", + "temporary" + ], + "paint": { + "line-color": [ + "get", + "color" + ], + "line-width": [ + "coalesce", + ["get","width"], + 4 + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "pipeline_info1", + "key": "hb_wh_dhgx_pipe_line1", + "source-layer": "hb_wh_dhgx_pipe_line1", + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point1", + "key": "hb_wh_dhgx_pipe_point1", + "source-layer": "hb_wh_dhgx_pipe_point1", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["污水","雨水"]]] + ], + "paint": {"text-color": "#fff"}, + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "line", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", ["",""]]] + ], + "paint": { + "line-color": [ + "match", + ["get", "管段类型"], + "YS", "#37BE5F", + "WS", "#E6061A", + "HS", "#ccff12", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hb_wh_dhgx_pipe_point_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["",""]]] + ], + "paint": {"text-color": "#333"}, + "layout": { + "icon-image": [ + "match", + ["concat", ["get", "类型"], ["get", "附属物"]], + "YS进水口", "ys_排水口", + "YS检修井", "ysj", + "YS", "ysj", + "YS污水篦", "雨水箅", + "YS窨井", "ysj", + "YS出水口", "ys_排水口", + "YS雨水箅", "雨水箅", + + "WS进水口", "ws_排水口", + "WS检修井", "wsj", + "WS", "wsj", + "WS污水篦", "污水箅", + "WS窨井", "wsj", + "WS出水口", "ws_排水口", + "污水WS雨水箅", "污水箅", + "预留口" + ], + "icon-size": 1, + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15.5, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info_text", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", [""]]] + ], + "minzoom": 15.6, + "maxzoom": 24, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "管段类型"], + "YS","hong", + "WS","lan", + "qqq" + ], + "icon-rotate": [ + "match", + ["get", "流向"], + 0,180, + 1,0, + 0 + ], + "icon-size": 1, + "text-field": "{管线材质} {管径}", + "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": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "建筑物", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-pattern": "material5", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-base": 0, + "fill-extrusion-color": "rgba(23,170,244, 1)", + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + }, + { + "id": "建筑物_top", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-color": "rgba(213,213,213,1)", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10.1 + ], + "fill-extrusion-base": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + } + ], + "orders": [ + ["all_boundary"], + ["hb_wh_dhgx_merge_border"], + ["hb_wh_dhgx_merge_text"], + ["poi_label"], + ["place_label_city"], + ["road_major_label"], + ["place_label_other"], + ["排水分区_text"], + ["point"] + ], + "filter": { + "污水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"], ["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"],["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"]] + }, + "雨水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"], ["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"],["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"]] + }, + + "污水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["WS1"],["WS1"]] + }, + "雨水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["YS1"],["YS1"]] + }, + "排水分区_close": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [ + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"], + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"] + ] + }, + "渍水风险点": { + "layerName": ["渍水风险点_symbol", "渍水风险点_line", "渍水风险点_fill"], + "filter": [[],[],[]] + }, + "尾水路径": { + "layerName": ["hb_wh_dhgx_merge_text", "hb_wh_dhgx_merge_border","hb_wh_dhgx_merge_line_text"], + "filter": [ + ["尾水路径_污水处理厂", "尾水路径_泵站", "尾水路径_标注", "尾水路径_净水厂"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"] + ] + }, + "雨水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["YS"],["YS"],["YS"]]}, + "污水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["WS","HS"],["WS","HS"],["WS","HS"]]}, + "污水系统流向1": { + "layerName": ["linestring"], + "filter": [ + ["污水系统流向1"] + ] + }, + "污水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["污水"], ["污水"], ["污水"]] + }, + "雨水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["雨水"], ["雨水"], ["雨水"]] + }, + + "花山镇":{"layerName": ["村", "村_text"], "filter": [["花山镇"],["花山镇"]]}, + "滨湖街":{"layerName": ["村", "村_text"], "filter": [["滨湖街"],["滨湖街"]]}, + "牛山湖养殖场":{"layerName": ["村", "村_text"], "filter": [["牛山湖养殖场"],["牛山湖养殖场"]]}, + "流芳街":{"layerName": ["村", "村_text"], "filter": [["流芳街"],["流芳街"]]}, + "九峰乡":{"layerName": ["村", "村_text"], "filter": [["九峰乡"],["九峰乡"]]}, + "关东街":{"layerName": ["村", "村_text"], "filter": [["关东街"],["关东街"]]}, + "佛祖岭街":{"layerName": ["村", "村_text"], "filter": [["佛祖岭街"],["佛祖岭街"]]}, + "豹澥镇":{"layerName": ["村", "村_text"], "filter": [["豹澥镇"],["豹澥镇"]]}, + "左岭镇":{"layerName": ["村", "村_text"], "filter": [["左岭镇"],["左岭镇"]]}, + "豹澥湖":{"layerName": ["村", "村_text"], "filter": [["豹澥湖"],["豹澥湖"]]}, + + + "东湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "梁子湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严西湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严家湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "牛山湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "豹澥湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "南湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "车墩湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "汤逊湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严东湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "五加湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]} + } +} diff --git a/src/components/Map/Map.vue b/src/components/Map/Map.vue index fe53ade..5552a13 100644 --- a/src/components/Map/Map.vue +++ b/src/components/Map/Map.vue @@ -168,12 +168,13 @@ let params = []; if (columns) params.push(`columns=${columns}`); if (geom_column) params.push(`geom_column=${geom_column}`); + params.push(`t=${new Date().getTime()}`); return (config.params.geojson + `/${key}${!isGeojsonCache ? "_" + (geom_column || "geometrys") + ".geojson" : ""}?` + params.join("&")); }); url = Array.from(new Set(url)); let fetchs = url.map((url) => axios.get(url)); let results = await Promise.all(fetchs); - url.forEach((url, index) => (config.geojsonMvts[url] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); + url.forEach((url, index) => (config.geojsonMvts[url.split((url.includes('&t=')?'&':'')+'t=')[0]] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); } async function setGifImage(item) { diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git a/public/static/libs/mapbox/style/wh_dhgx2.json b/public/static/libs/mapbox/style/wh_dhgx2.json new file mode 100644 index 0000000..cc1839c --- /dev/null +++ b/public/static/libs/mapbox/style/wh_dhgx2.json @@ -0,0 +1,1680 @@ +{ + "params": { + "basemap": "https://dhgx1.wh-nf.cn:7081/bm", + "mvt": [ + "https://dhgx0.wh-nf.cn:7081/vt/mvt", + "https://dhgx1.wh-nf.cn:7081/vt/mvt", + "https://dhgx2.wh-nf.cn:7081/vt/mvt", + "https://dhgx3.wh-nf.cn:7081/vt/mvt", + "https://dhgx4.wh-nf.cn:7081/vt/mvt", + "https://dhgx5.wh-nf.cn:7081/vt/mvt", + "https://dhgx6.wh-nf.cn:7081/vt/mvt", + "https://dhgx7.wh-nf.cn:7081/vt/mvt", + "https://dhgx8.wh-nf.cn:7081/vt/mvt", + "https://dhgx9.wh-nf.cn:7081/vt/mvt", + "https://dhgx10.wh-nf.cn:7081/vt/mvt", + "https://dhgx11.wh-nf.cn:7081/vt/mvt", + "https://dhgx12.wh-nf.cn:7081/vt/mvt", + "https://dhgx13.wh-nf.cn:7081/vt/mvt", + "https://dhgx14.wh-nf.cn:7081/vt/mvt", + "https://dhgx15.wh-nf.cn:7081/vt/mvt" + ], + "geojson": "https://dhgx9.wh-nf.cn:7081/vt/geojson", + "sprites": [ + "/static/libs/mapbox/style/sprite/sprite" + ], + "init": { + "center": [114.40776390595016, 30.484477581887262], + "zoom": 11.3, + "maxZoom": 20.9, + "minZoom": 1, + "pitch": 0, + "bearing":0, + "style":"", + "localStyle": "/static/libs/mapbox/night-style1.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/images/map_selected.png" + }, + { + "name": "map_selected1", + "url": "/static/libs/mapbox/images/选中.png" + } + ] + }, + "mapbox": { + "images": [ + {"name": "水库水位@2x", "url": "/static/libs/mapbox/images/水库水位@2x.png"}, + {"name": "污水处理站", "url": "/static/libs/mapbox/images/污水处理站.png"}, + {"name": "堤防备料@2x", "url": "/static/libs/mapbox/images/堤防备料@2x.png"}, + {"name": "物资仓库@2x", "url": "/static/libs/mapbox/images/物资仓库@2x.png"}, + {"name": "blockage", "url": "/static/libs/mapbox/images/blockage.png"}, + {"name": "full", "url": "/static/libs/mapbox/images/full.png"}, + {"name": "full_out", "url": "/static/libs/mapbox/images/full_out.png"}, + {"name": "full_out_risk", "url": "/static/libs/mapbox/images/full_out_risk.png"}, + {"name": "排渍调度", "url": "/static/libs/mapbox/images/排渍调度.png"}, + {"name": "material5", "url": "/static/libs/mapbox/images/1.jpg"}, + {"name": "selectedLocation", "url": "/static/libs/mapbox/images/selectedLocation.png"}, + {"name": "污水厂", "url": "/static/libs/mapbox/images/污水厂.png"}, + {"name": "污水监测", "url": "/static/libs/mapbox/images/污水监测.png"}, + + {"name": "水质异常", "url": "/static/libs/mapbox/images/污水-水质异常.png"}, + {"name": "淤堵风险", "url": "/static/libs/mapbox/images/污水-淤堵风险.png"}, + {"name": "雨水混入", "url": "/static/libs/mapbox/images/污水-雨水混入.png"}, + {"name": "地下水注入", "url": "/static/libs/mapbox/images/雨水-地下水注入.png"}, + {"name": "晴天出流", "url": "/static/libs/mapbox/images/雨水-晴天出流.png"}, + {"name": "污水混入", "url": "/static/libs/mapbox/images/雨水-污水混入.png"}, + + {"name": "地", "url": "/static/libs/mapbox/images/地.png"}, + {"name": "堵", "url": "/static/libs/mapbox/images/堵.png"}, + {"name": "异", "url": "/static/libs/mapbox/images/异.png"}, + {"name": "晴", "url": "/static/libs/mapbox/images/晴.png"}, + {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, + {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, + {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, + + {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, + {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, + {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} + ] + } + }, + "ogc": [ + { + "id": "newfiber-XYZLayer", + "type": "XYZLayer1", + "params": { + "id": "newfiber-XYZLayer", + "url": "https://tiles{s}.geovisearth.com/base/v1/img/default/{z}/{x}/{y}?format=webp&tmsIds=w&token=7098e0a9272b2738269fac81a14ee963834feef31e9330461348d679a24e005b", + "subdomains": [ + "1", + "2", + "3" + ], + "minZoom": 1, + "maxZoom": 18, + "tileType": "" + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + }, + { + "id": "高清地图", + "type": "XYZLayer1", + "params": { + "id": "高清地图", + "url": "https://supermap{s}.wh-nf.cn:8090/resource/tms/dhgx/{z}/{x}/{y}.png", + "subdomains": ["0", "1", "2", "3","4","5","6","7","8","9","10","11","12","13","14","15"], + "minZoom": 1, + "maxZoom": 22 + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + } + ], + "l7": [ + { + "id": "", + "key": "蒙版", + "type": "PolygonLayer", + "show": true, + "temporary": true, + "params": { + "zIndex": 100, + "minZoom": 12.5 + }, + "methods": [ + { + "name": "shape", + "params": [ + "fill" + ] + }, + { + "name": "color", + "params": ["rgba(0,0,0,.75)"] + } + ] + }, + { + "id": "", + "key": "尾水路径", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "雨水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "污水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + + { + "id": "", + "key": "分区流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "排口流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "村域边界", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(0,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.5, + "duration": 3, + "trailLength":0.1 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "水系流向", + "type": "LineLayer", + "temporary": true, + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 2.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "area", + "''||function(v){\n let key = [\"雨水\", \"污水\", \"合流\"];\n let colors = ['#061D3D', '#FFFFFF', '#ccff12'];\n return 'rgba(255,255,255,1)'||colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 3, + "duration": 1, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "temporary": true, + "show": true, + "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)] || '#E6061A';\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", + "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": "hb_wh_dhgx_merge", + "key": "hb_wh_dhgx_merge", + "type": "fill", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["3"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "paint": { + "fill-color": [ + "get", + "color" + ], + "fill-opacity": [ + "match", + ["get", "c_layer"], + "排水分区_雨水分区_1",0.5, + "排水分区_雨水分区_2",0.25, + "排水分区_雨水分区_3",0.15, + "排水分区_雨水分区_4",0.05, + "排水分区_污水分区_1",0.5, + "排水分区_污水分区_2",0.25, + "排水分区_污水分区_3",0.15, + "排水分区_污水分区_4",0.05, + 0.5 + ] + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_border", + "key": "hb_wh_dhgx_merge", + "type": "line", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", ["轮廓"]]] + ], + "paint": { + "line-color": [ + "match", + ["get","layer"], + "排水分区","rgba(98,101,124,1)", + ["get","color"] + ], + "line-width": [ + "match", + ["get", "layer"], + "排水分区",0.5, + "轮廓",1, + 3.5 + ], + "line-dasharray": [ + "match", + ["get", "c_layer"], + "轮廓", [1, 1], + "尾水路径_路线1", [2, 2], + "排水分区", [2, 2], + [1] + ] + }, + "layout": { + "line-join": [ + "match", + ["get", "c_layer"], + "轮廓", "round", + "尾水路径_路线1", "round", + "butt" + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 0, + "maxzoom": 24, + "paint": { + "text-halo-color": "#ccefff", + "text-color": "rgba(251, 0, 0, 1)", + "text-halo-width": 1 + }, + "layout": { + "icon-image": [ + "match", + ["get", "c_layer"], + "尾水路径_污水处理厂","污水处理厂扎点@2x", + "尾水路径_净水厂","污水处理厂扎点@2x", + "尾水路径_泵站","污水泵站扎点@2x", + "transparent" + ], + "icon-allow-overlap": false, + "icon-anchor": "center", + "icon-size": 0.8, + "text-allow-overlap": false, + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 14, + "text-justify": "left", + "text-anchor": "top", + "text-line-height": 1.2, + "text-max-width": 50, + "text-offset": [0, 1.2], + "text-optional": true + }, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry", + "geom_column": "geometrys_center" + }, + { + "id": "hb_wh_dhgx_merge_line_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["2"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 4, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "c_layer"], + "管网概化图_雨水","hong", + "管网概化图_污水","lan", + "qqq" + ], + "icon-size": 1, + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [1.5,1.5], + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "rgba(0,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 0 + }, + "mType": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "水库管理范围", + "key": "hb_wh_gxq_skglfw1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "水库管理范围_text", + "key": "hb_wh_gxq_skglfw1", + "type": "symbol", + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "乡镇", + "key": "hb_wh_gxq_xiang1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.5 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "乡镇_text", + "key": "hb_wh_gxq_xiang1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "村", + "key": "hb_wh_gxq_cun2", + "type": "fill", + "filter": ["in", "type", ""], + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.7 + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "村_text", + "key": "hb_wh_gxq_cun2", + "type": "symbol", + "filter": ["in", "type", ""], + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "rgba(255,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + + { + "id": "排水分区", + "key": "hb_wh_dhgx_psfq", + "type": "fill", + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "paint": { + "fill-color": ["get", "color"], + "fill-opacity": [ + "match", + ["get", "level"], + "1",0.3, + "2",0.2, + "3",0.2, + "4",0.1, + 0.5 + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys) as geometry" + }, + { + "id": "排水分区_text", + "key": "hb_wh_dhgx_psfq", + "type": "symbol", + "minzoom": 1, + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys_center) as geometry" + }, + + { + "id": "港渠", + "key": "hb_wh_dhgx_gq11", + "type": "fill", + "paint": { + "fill-color": "rgba(31,184,255,1)", + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "港渠_text", + "key": "hb_wh_dhgx_gq11", + "type": "symbol", + "minzoom": 1, + + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-max-width": 10, + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "湖泊_text", + "key": "hb_wh_gxq_water1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "point", + "key": "point", + "type": "symbol", + "minzoom": 0, + "maxzoom": 24, + "filter": [ + "in", + "type", + "", + "1_泵站", + "1_污水处理厂", + "1_调蓄池", + "rainwater_pipeline_water_level_GWGSWYX", + "问题管线", + "outlet_info1", + "outlet_info2", + "sewage_pump_station_info1", + "rain_water_pump_station_info1", + "waterlog_community", + "waterlog_community_text", + "rainwater_pipeline_quality1", + "rainwater_pipeline_quality_area1", + "sewage_pipeline_quality1", + "storage_tank_info1", + "clickPoint", + "temporary" + ], + "paint": { + "text-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","#FFFFFF", + "#FFFFFF" + ], + "text-halo-blur": 1.5, + "text-halo-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","rgba(255,0,0,1)", + "rgba(255,0,0,1)" + ], + "text-halo-width": 1.5, + "text-opacity": ["step", ["zoom"], 0, 11, 1] + }, + "layout": { + "icon-image": [ + "match", + ["get", "_image"], + "rain","雨量站扎点@2x", + "waterlog_point","排渍调度", + "port_channel_info","港渠扎点@2x", + "rainwater_pipeline_water_level","雨水管网液位扎点@2x", + "rainwater_pipeline_water_level_GWGSWYX","heigh", + "water_region_info","分区信息扎点@2x", + "waterlogging","渍水监测点扎点@2x", + "waterlogging_point_info","渍水点扎点@2x", + "sewage_pump_station_info","污水泵站扎点@2x", + "sewage_pump_station_info1","污水泵站扎点@2x", + "sewage_factory_info","污水处理厂扎点@2x", + "channel_water_level","港渠水位扎点@2x", + "outlet_quality","排口水质扎点@2x", + "channel_quality","港渠水质扎点@2x", + "outlet_info","排口扎点@2x", + "outlet_info1","排口扎点@2x", + "outlet_info2","排口扎点@2x", + "lake_info","湖泊扎点@2x", + "diversion_well_info","分流井扎点@2x", + "lake_water_level","湖泊水位扎点@2x", + "water_gate_info","水闸扎点@2x", + "storage_tank_info","调蓄池扎点@2x", + "storage_tank_info1","调蓄池扎点@2x", + "1_调蓄池","调蓄池扎点@2x", + "outlet_water_level","排口水质扎点@2x", + "region_info","分区信息扎点@2x", + "rain_water_pump_station_info","雨水泵站扎点@2x", + "rain_water_pump_station_info1","雨水泵站扎点@2x", + "sewage_pipeline_quality","污水管网水质扎点@2x", + "sewage_pipeline_quality_city","污水监测", + "sewage_pipeline_quality1","污水监测", + "drainage_info","排水户扎点@2x", + "rainwater_pipeline_quality","雨水管网水质扎点@2x", + "rainwater_pipeline_quality1","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_city","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_area","接驳口扎点@2x", + "rainwater_pipeline_quality_area1","接驳口扎点@2x", + "reservoir_info","水库扎点@2x", + "reservoir_water_level","水库范围i扎点@2x", + "sewage_factory_station_info","污水处理站", + "1_泵站", "污水泵站扎点@2x", + "1_污水处理厂", "污水厂", + "问题管线", "帮助", + "storehouse", "物资仓库@2x", + "dikeGood", "堤防备料@2x", + "泵车离线", "泵车离线", + "泵车在线", "泵车在线", + "waterlog_community", "渍水点扎点@2x", + "clickPoint", "selectedLocation", + "temporary", "selectedLocation", + + "QTCL","晴", + "WSHR","混", + "DXSZR","地", + + "GJMY","溢", + "GWMG","满", + "GWGSWYX","高", + "GJMYFX","溢", + + "YSHR","混", + "YDFX","堵", + "SZYC","异", + + "tran" + ], + "icon-allow-overlap": true, + "icon-anchor": "center", + "icon-size": [ + "match", + ["get", "_image"], + "泵车离线",0.5, + "泵车在线",0.5, + "1_污水处理厂",0.7, + "sewage_pipeline_quality1",0.7, + "sewage_pipeline_quality_city",0.7, + "GJMY",0.7, + "GWMG",0.7, + "GWGSWYX",0.7, + "GJMYFX",0.7, + "YSHR",0.7, + "YDFX",0.7, + "SZYC",0.7, + 1 + ], + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-allow-overlap": false, + "text-size": 13, + "text-justify": "left", + "text-anchor": "bottom", + "text-line-height": 1.3, + "text-max-width": 10, + "text-offset": [ + "match", + ["get","name"], + "绣球山污水泵站",[0,3], + "湖滨泵站",[0,3], + "关东泵站",[0,3], + [3.5,-1.0] + ] + }, + "mType": "geojson" + }, + { + "id": "polygon", + "key": "polygon", + "filter": [ + "in", + "type", + "", + "waterlog_community", + "temporary" + ], + "type": "fill", + "paint": { + "fill-opacity": 0.5, + "fill-color": [ + "get", + "color" + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "linestring", + "key": "linestring", + "type": "line", + "filter": [ + "in", + "type", + "", + "分区流向", + "排口流向", + "waterlog_community", + "污水系统流向1", + "temporary" + ], + "paint": { + "line-color": [ + "get", + "color" + ], + "line-width": [ + "coalesce", + ["get","width"], + 4 + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "pipeline_info1", + "key": "hb_wh_dhgx_pipe_line1", + "source-layer": "hb_wh_dhgx_pipe_line1", + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point1", + "key": "hb_wh_dhgx_pipe_point1", + "source-layer": "hb_wh_dhgx_pipe_point1", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["污水","雨水"]]] + ], + "paint": {"text-color": "#fff"}, + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "line", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", ["",""]]] + ], + "paint": { + "line-color": [ + "match", + ["get", "管段类型"], + "YS", "#37BE5F", + "WS", "#E6061A", + "HS", "#ccff12", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hb_wh_dhgx_pipe_point_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["",""]]] + ], + "paint": {"text-color": "#333"}, + "layout": { + "icon-image": [ + "match", + ["concat", ["get", "类型"], ["get", "附属物"]], + "YS进水口", "ys_排水口", + "YS检修井", "ysj", + "YS", "ysj", + "YS污水篦", "雨水箅", + "YS窨井", "ysj", + "YS出水口", "ys_排水口", + "YS雨水箅", "雨水箅", + + "WS进水口", "ws_排水口", + "WS检修井", "wsj", + "WS", "wsj", + "WS污水篦", "污水箅", + "WS窨井", "wsj", + "WS出水口", "ws_排水口", + "污水WS雨水箅", "污水箅", + "预留口" + ], + "icon-size": 1, + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15.5, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info_text", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", [""]]] + ], + "minzoom": 15.6, + "maxzoom": 24, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "管段类型"], + "YS","hong", + "WS","lan", + "qqq" + ], + "icon-rotate": [ + "match", + ["get", "流向"], + 0,180, + 1,0, + 0 + ], + "icon-size": 1, + "text-field": "{管线材质} {管径}", + "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": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "建筑物", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-pattern": "material5", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-base": 0, + "fill-extrusion-color": "rgba(23,170,244, 1)", + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + }, + { + "id": "建筑物_top", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-color": "rgba(213,213,213,1)", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10.1 + ], + "fill-extrusion-base": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + } + ], + "orders": [ + ["all_boundary"], + ["hb_wh_dhgx_merge_border"], + ["hb_wh_dhgx_merge_text"], + ["poi_label"], + ["place_label_city"], + ["road_major_label"], + ["place_label_other"], + ["排水分区_text"], + ["point"] + ], + "filter": { + "污水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"], ["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"],["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"]] + }, + "雨水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"], ["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"],["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"]] + }, + + "污水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["WS1"],["WS1"]] + }, + "雨水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["YS1"],["YS1"]] + }, + "排水分区_close": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [ + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"], + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"] + ] + }, + "渍水风险点": { + "layerName": ["渍水风险点_symbol", "渍水风险点_line", "渍水风险点_fill"], + "filter": [[],[],[]] + }, + "尾水路径": { + "layerName": ["hb_wh_dhgx_merge_text", "hb_wh_dhgx_merge_border","hb_wh_dhgx_merge_line_text"], + "filter": [ + ["尾水路径_污水处理厂", "尾水路径_泵站", "尾水路径_标注", "尾水路径_净水厂"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"] + ] + }, + "雨水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["YS"],["YS"],["YS"]]}, + "污水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["WS","HS"],["WS","HS"],["WS","HS"]]}, + "污水系统流向1": { + "layerName": ["linestring"], + "filter": [ + ["污水系统流向1"] + ] + }, + "污水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["污水"], ["污水"], ["污水"]] + }, + "雨水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["雨水"], ["雨水"], ["雨水"]] + }, + + "花山镇":{"layerName": ["村", "村_text"], "filter": [["花山镇"],["花山镇"]]}, + "滨湖街":{"layerName": ["村", "村_text"], "filter": [["滨湖街"],["滨湖街"]]}, + "牛山湖养殖场":{"layerName": ["村", "村_text"], "filter": [["牛山湖养殖场"],["牛山湖养殖场"]]}, + "流芳街":{"layerName": ["村", "村_text"], "filter": [["流芳街"],["流芳街"]]}, + "九峰乡":{"layerName": ["村", "村_text"], "filter": [["九峰乡"],["九峰乡"]]}, + "关东街":{"layerName": ["村", "村_text"], "filter": [["关东街"],["关东街"]]}, + "佛祖岭街":{"layerName": ["村", "村_text"], "filter": [["佛祖岭街"],["佛祖岭街"]]}, + "豹澥镇":{"layerName": ["村", "村_text"], "filter": [["豹澥镇"],["豹澥镇"]]}, + "左岭镇":{"layerName": ["村", "村_text"], "filter": [["左岭镇"],["左岭镇"]]}, + "豹澥湖":{"layerName": ["村", "村_text"], "filter": [["豹澥湖"],["豹澥湖"]]}, + + + "东湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "梁子湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严西湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严家湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "牛山湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "豹澥湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "南湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "车墩湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "汤逊湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严东湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "五加湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]} + } +} diff --git a/src/components/Map/Map.vue b/src/components/Map/Map.vue index fe53ade..5552a13 100644 --- a/src/components/Map/Map.vue +++ b/src/components/Map/Map.vue @@ -168,12 +168,13 @@ let params = []; if (columns) params.push(`columns=${columns}`); if (geom_column) params.push(`geom_column=${geom_column}`); + params.push(`t=${new Date().getTime()}`); return (config.params.geojson + `/${key}${!isGeojsonCache ? "_" + (geom_column || "geometrys") + ".geojson" : ""}?` + params.join("&")); }); url = Array.from(new Set(url)); let fetchs = url.map((url) => axios.get(url)); let results = await Promise.all(fetchs); - url.forEach((url, index) => (config.geojsonMvts[url] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); + url.forEach((url, index) => (config.geojsonMvts[url.split((url.includes('&t=')?'&':'')+'t=')[0]] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); } async function setGifImage(item) { diff --git a/src/utils/fixDict.js b/src/utils/fixDict.js index 2079b53..1aa3b7a 100644 --- a/src/utils/fixDict.js +++ b/src/utils/fixDict.js @@ -209,6 +209,20 @@ value: '4', }, ], + + //是否字段 + isState: [ + { + label: '是', + value: '1', + elTagType: 'primary', + }, + { + label: '否', + value: '0', + elTagType: 'info', + }, + ], // factorEchartsColor:[//对应的监测因子echarts颜色 // { diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git a/public/static/libs/mapbox/style/wh_dhgx2.json b/public/static/libs/mapbox/style/wh_dhgx2.json new file mode 100644 index 0000000..cc1839c --- /dev/null +++ b/public/static/libs/mapbox/style/wh_dhgx2.json @@ -0,0 +1,1680 @@ +{ + "params": { + "basemap": "https://dhgx1.wh-nf.cn:7081/bm", + "mvt": [ + "https://dhgx0.wh-nf.cn:7081/vt/mvt", + "https://dhgx1.wh-nf.cn:7081/vt/mvt", + "https://dhgx2.wh-nf.cn:7081/vt/mvt", + "https://dhgx3.wh-nf.cn:7081/vt/mvt", + "https://dhgx4.wh-nf.cn:7081/vt/mvt", + "https://dhgx5.wh-nf.cn:7081/vt/mvt", + "https://dhgx6.wh-nf.cn:7081/vt/mvt", + "https://dhgx7.wh-nf.cn:7081/vt/mvt", + "https://dhgx8.wh-nf.cn:7081/vt/mvt", + "https://dhgx9.wh-nf.cn:7081/vt/mvt", + "https://dhgx10.wh-nf.cn:7081/vt/mvt", + "https://dhgx11.wh-nf.cn:7081/vt/mvt", + "https://dhgx12.wh-nf.cn:7081/vt/mvt", + "https://dhgx13.wh-nf.cn:7081/vt/mvt", + "https://dhgx14.wh-nf.cn:7081/vt/mvt", + "https://dhgx15.wh-nf.cn:7081/vt/mvt" + ], + "geojson": "https://dhgx9.wh-nf.cn:7081/vt/geojson", + "sprites": [ + "/static/libs/mapbox/style/sprite/sprite" + ], + "init": { + "center": [114.40776390595016, 30.484477581887262], + "zoom": 11.3, + "maxZoom": 20.9, + "minZoom": 1, + "pitch": 0, + "bearing":0, + "style":"", + "localStyle": "/static/libs/mapbox/night-style1.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/images/map_selected.png" + }, + { + "name": "map_selected1", + "url": "/static/libs/mapbox/images/选中.png" + } + ] + }, + "mapbox": { + "images": [ + {"name": "水库水位@2x", "url": "/static/libs/mapbox/images/水库水位@2x.png"}, + {"name": "污水处理站", "url": "/static/libs/mapbox/images/污水处理站.png"}, + {"name": "堤防备料@2x", "url": "/static/libs/mapbox/images/堤防备料@2x.png"}, + {"name": "物资仓库@2x", "url": "/static/libs/mapbox/images/物资仓库@2x.png"}, + {"name": "blockage", "url": "/static/libs/mapbox/images/blockage.png"}, + {"name": "full", "url": "/static/libs/mapbox/images/full.png"}, + {"name": "full_out", "url": "/static/libs/mapbox/images/full_out.png"}, + {"name": "full_out_risk", "url": "/static/libs/mapbox/images/full_out_risk.png"}, + {"name": "排渍调度", "url": "/static/libs/mapbox/images/排渍调度.png"}, + {"name": "material5", "url": "/static/libs/mapbox/images/1.jpg"}, + {"name": "selectedLocation", "url": "/static/libs/mapbox/images/selectedLocation.png"}, + {"name": "污水厂", "url": "/static/libs/mapbox/images/污水厂.png"}, + {"name": "污水监测", "url": "/static/libs/mapbox/images/污水监测.png"}, + + {"name": "水质异常", "url": "/static/libs/mapbox/images/污水-水质异常.png"}, + {"name": "淤堵风险", "url": "/static/libs/mapbox/images/污水-淤堵风险.png"}, + {"name": "雨水混入", "url": "/static/libs/mapbox/images/污水-雨水混入.png"}, + {"name": "地下水注入", "url": "/static/libs/mapbox/images/雨水-地下水注入.png"}, + {"name": "晴天出流", "url": "/static/libs/mapbox/images/雨水-晴天出流.png"}, + {"name": "污水混入", "url": "/static/libs/mapbox/images/雨水-污水混入.png"}, + + {"name": "地", "url": "/static/libs/mapbox/images/地.png"}, + {"name": "堵", "url": "/static/libs/mapbox/images/堵.png"}, + {"name": "异", "url": "/static/libs/mapbox/images/异.png"}, + {"name": "晴", "url": "/static/libs/mapbox/images/晴.png"}, + {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, + {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, + {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, + + {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, + {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, + {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} + ] + } + }, + "ogc": [ + { + "id": "newfiber-XYZLayer", + "type": "XYZLayer1", + "params": { + "id": "newfiber-XYZLayer", + "url": "https://tiles{s}.geovisearth.com/base/v1/img/default/{z}/{x}/{y}?format=webp&tmsIds=w&token=7098e0a9272b2738269fac81a14ee963834feef31e9330461348d679a24e005b", + "subdomains": [ + "1", + "2", + "3" + ], + "minZoom": 1, + "maxZoom": 18, + "tileType": "" + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + }, + { + "id": "高清地图", + "type": "XYZLayer1", + "params": { + "id": "高清地图", + "url": "https://supermap{s}.wh-nf.cn:8090/resource/tms/dhgx/{z}/{x}/{y}.png", + "subdomains": ["0", "1", "2", "3","4","5","6","7","8","9","10","11","12","13","14","15"], + "minZoom": 1, + "maxZoom": 22 + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + } + ], + "l7": [ + { + "id": "", + "key": "蒙版", + "type": "PolygonLayer", + "show": true, + "temporary": true, + "params": { + "zIndex": 100, + "minZoom": 12.5 + }, + "methods": [ + { + "name": "shape", + "params": [ + "fill" + ] + }, + { + "name": "color", + "params": ["rgba(0,0,0,.75)"] + } + ] + }, + { + "id": "", + "key": "尾水路径", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "雨水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "污水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + + { + "id": "", + "key": "分区流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "排口流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "村域边界", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(0,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.5, + "duration": 3, + "trailLength":0.1 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "水系流向", + "type": "LineLayer", + "temporary": true, + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 2.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "area", + "''||function(v){\n let key = [\"雨水\", \"污水\", \"合流\"];\n let colors = ['#061D3D', '#FFFFFF', '#ccff12'];\n return 'rgba(255,255,255,1)'||colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 3, + "duration": 1, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "temporary": true, + "show": true, + "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)] || '#E6061A';\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", + "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": "hb_wh_dhgx_merge", + "key": "hb_wh_dhgx_merge", + "type": "fill", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["3"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "paint": { + "fill-color": [ + "get", + "color" + ], + "fill-opacity": [ + "match", + ["get", "c_layer"], + "排水分区_雨水分区_1",0.5, + "排水分区_雨水分区_2",0.25, + "排水分区_雨水分区_3",0.15, + "排水分区_雨水分区_4",0.05, + "排水分区_污水分区_1",0.5, + "排水分区_污水分区_2",0.25, + "排水分区_污水分区_3",0.15, + "排水分区_污水分区_4",0.05, + 0.5 + ] + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_border", + "key": "hb_wh_dhgx_merge", + "type": "line", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", ["轮廓"]]] + ], + "paint": { + "line-color": [ + "match", + ["get","layer"], + "排水分区","rgba(98,101,124,1)", + ["get","color"] + ], + "line-width": [ + "match", + ["get", "layer"], + "排水分区",0.5, + "轮廓",1, + 3.5 + ], + "line-dasharray": [ + "match", + ["get", "c_layer"], + "轮廓", [1, 1], + "尾水路径_路线1", [2, 2], + "排水分区", [2, 2], + [1] + ] + }, + "layout": { + "line-join": [ + "match", + ["get", "c_layer"], + "轮廓", "round", + "尾水路径_路线1", "round", + "butt" + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 0, + "maxzoom": 24, + "paint": { + "text-halo-color": "#ccefff", + "text-color": "rgba(251, 0, 0, 1)", + "text-halo-width": 1 + }, + "layout": { + "icon-image": [ + "match", + ["get", "c_layer"], + "尾水路径_污水处理厂","污水处理厂扎点@2x", + "尾水路径_净水厂","污水处理厂扎点@2x", + "尾水路径_泵站","污水泵站扎点@2x", + "transparent" + ], + "icon-allow-overlap": false, + "icon-anchor": "center", + "icon-size": 0.8, + "text-allow-overlap": false, + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 14, + "text-justify": "left", + "text-anchor": "top", + "text-line-height": 1.2, + "text-max-width": 50, + "text-offset": [0, 1.2], + "text-optional": true + }, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry", + "geom_column": "geometrys_center" + }, + { + "id": "hb_wh_dhgx_merge_line_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["2"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 4, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "c_layer"], + "管网概化图_雨水","hong", + "管网概化图_污水","lan", + "qqq" + ], + "icon-size": 1, + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [1.5,1.5], + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "rgba(0,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 0 + }, + "mType": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "水库管理范围", + "key": "hb_wh_gxq_skglfw1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "水库管理范围_text", + "key": "hb_wh_gxq_skglfw1", + "type": "symbol", + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "乡镇", + "key": "hb_wh_gxq_xiang1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.5 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "乡镇_text", + "key": "hb_wh_gxq_xiang1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "村", + "key": "hb_wh_gxq_cun2", + "type": "fill", + "filter": ["in", "type", ""], + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.7 + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "村_text", + "key": "hb_wh_gxq_cun2", + "type": "symbol", + "filter": ["in", "type", ""], + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "rgba(255,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + + { + "id": "排水分区", + "key": "hb_wh_dhgx_psfq", + "type": "fill", + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "paint": { + "fill-color": ["get", "color"], + "fill-opacity": [ + "match", + ["get", "level"], + "1",0.3, + "2",0.2, + "3",0.2, + "4",0.1, + 0.5 + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys) as geometry" + }, + { + "id": "排水分区_text", + "key": "hb_wh_dhgx_psfq", + "type": "symbol", + "minzoom": 1, + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys_center) as geometry" + }, + + { + "id": "港渠", + "key": "hb_wh_dhgx_gq11", + "type": "fill", + "paint": { + "fill-color": "rgba(31,184,255,1)", + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "港渠_text", + "key": "hb_wh_dhgx_gq11", + "type": "symbol", + "minzoom": 1, + + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-max-width": 10, + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "湖泊_text", + "key": "hb_wh_gxq_water1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "point", + "key": "point", + "type": "symbol", + "minzoom": 0, + "maxzoom": 24, + "filter": [ + "in", + "type", + "", + "1_泵站", + "1_污水处理厂", + "1_调蓄池", + "rainwater_pipeline_water_level_GWGSWYX", + "问题管线", + "outlet_info1", + "outlet_info2", + "sewage_pump_station_info1", + "rain_water_pump_station_info1", + "waterlog_community", + "waterlog_community_text", + "rainwater_pipeline_quality1", + "rainwater_pipeline_quality_area1", + "sewage_pipeline_quality1", + "storage_tank_info1", + "clickPoint", + "temporary" + ], + "paint": { + "text-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","#FFFFFF", + "#FFFFFF" + ], + "text-halo-blur": 1.5, + "text-halo-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","rgba(255,0,0,1)", + "rgba(255,0,0,1)" + ], + "text-halo-width": 1.5, + "text-opacity": ["step", ["zoom"], 0, 11, 1] + }, + "layout": { + "icon-image": [ + "match", + ["get", "_image"], + "rain","雨量站扎点@2x", + "waterlog_point","排渍调度", + "port_channel_info","港渠扎点@2x", + "rainwater_pipeline_water_level","雨水管网液位扎点@2x", + "rainwater_pipeline_water_level_GWGSWYX","heigh", + "water_region_info","分区信息扎点@2x", + "waterlogging","渍水监测点扎点@2x", + "waterlogging_point_info","渍水点扎点@2x", + "sewage_pump_station_info","污水泵站扎点@2x", + "sewage_pump_station_info1","污水泵站扎点@2x", + "sewage_factory_info","污水处理厂扎点@2x", + "channel_water_level","港渠水位扎点@2x", + "outlet_quality","排口水质扎点@2x", + "channel_quality","港渠水质扎点@2x", + "outlet_info","排口扎点@2x", + "outlet_info1","排口扎点@2x", + "outlet_info2","排口扎点@2x", + "lake_info","湖泊扎点@2x", + "diversion_well_info","分流井扎点@2x", + "lake_water_level","湖泊水位扎点@2x", + "water_gate_info","水闸扎点@2x", + "storage_tank_info","调蓄池扎点@2x", + "storage_tank_info1","调蓄池扎点@2x", + "1_调蓄池","调蓄池扎点@2x", + "outlet_water_level","排口水质扎点@2x", + "region_info","分区信息扎点@2x", + "rain_water_pump_station_info","雨水泵站扎点@2x", + "rain_water_pump_station_info1","雨水泵站扎点@2x", + "sewage_pipeline_quality","污水管网水质扎点@2x", + "sewage_pipeline_quality_city","污水监测", + "sewage_pipeline_quality1","污水监测", + "drainage_info","排水户扎点@2x", + "rainwater_pipeline_quality","雨水管网水质扎点@2x", + "rainwater_pipeline_quality1","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_city","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_area","接驳口扎点@2x", + "rainwater_pipeline_quality_area1","接驳口扎点@2x", + "reservoir_info","水库扎点@2x", + "reservoir_water_level","水库范围i扎点@2x", + "sewage_factory_station_info","污水处理站", + "1_泵站", "污水泵站扎点@2x", + "1_污水处理厂", "污水厂", + "问题管线", "帮助", + "storehouse", "物资仓库@2x", + "dikeGood", "堤防备料@2x", + "泵车离线", "泵车离线", + "泵车在线", "泵车在线", + "waterlog_community", "渍水点扎点@2x", + "clickPoint", "selectedLocation", + "temporary", "selectedLocation", + + "QTCL","晴", + "WSHR","混", + "DXSZR","地", + + "GJMY","溢", + "GWMG","满", + "GWGSWYX","高", + "GJMYFX","溢", + + "YSHR","混", + "YDFX","堵", + "SZYC","异", + + "tran" + ], + "icon-allow-overlap": true, + "icon-anchor": "center", + "icon-size": [ + "match", + ["get", "_image"], + "泵车离线",0.5, + "泵车在线",0.5, + "1_污水处理厂",0.7, + "sewage_pipeline_quality1",0.7, + "sewage_pipeline_quality_city",0.7, + "GJMY",0.7, + "GWMG",0.7, + "GWGSWYX",0.7, + "GJMYFX",0.7, + "YSHR",0.7, + "YDFX",0.7, + "SZYC",0.7, + 1 + ], + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-allow-overlap": false, + "text-size": 13, + "text-justify": "left", + "text-anchor": "bottom", + "text-line-height": 1.3, + "text-max-width": 10, + "text-offset": [ + "match", + ["get","name"], + "绣球山污水泵站",[0,3], + "湖滨泵站",[0,3], + "关东泵站",[0,3], + [3.5,-1.0] + ] + }, + "mType": "geojson" + }, + { + "id": "polygon", + "key": "polygon", + "filter": [ + "in", + "type", + "", + "waterlog_community", + "temporary" + ], + "type": "fill", + "paint": { + "fill-opacity": 0.5, + "fill-color": [ + "get", + "color" + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "linestring", + "key": "linestring", + "type": "line", + "filter": [ + "in", + "type", + "", + "分区流向", + "排口流向", + "waterlog_community", + "污水系统流向1", + "temporary" + ], + "paint": { + "line-color": [ + "get", + "color" + ], + "line-width": [ + "coalesce", + ["get","width"], + 4 + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "pipeline_info1", + "key": "hb_wh_dhgx_pipe_line1", + "source-layer": "hb_wh_dhgx_pipe_line1", + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point1", + "key": "hb_wh_dhgx_pipe_point1", + "source-layer": "hb_wh_dhgx_pipe_point1", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["污水","雨水"]]] + ], + "paint": {"text-color": "#fff"}, + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "line", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", ["",""]]] + ], + "paint": { + "line-color": [ + "match", + ["get", "管段类型"], + "YS", "#37BE5F", + "WS", "#E6061A", + "HS", "#ccff12", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hb_wh_dhgx_pipe_point_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["",""]]] + ], + "paint": {"text-color": "#333"}, + "layout": { + "icon-image": [ + "match", + ["concat", ["get", "类型"], ["get", "附属物"]], + "YS进水口", "ys_排水口", + "YS检修井", "ysj", + "YS", "ysj", + "YS污水篦", "雨水箅", + "YS窨井", "ysj", + "YS出水口", "ys_排水口", + "YS雨水箅", "雨水箅", + + "WS进水口", "ws_排水口", + "WS检修井", "wsj", + "WS", "wsj", + "WS污水篦", "污水箅", + "WS窨井", "wsj", + "WS出水口", "ws_排水口", + "污水WS雨水箅", "污水箅", + "预留口" + ], + "icon-size": 1, + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15.5, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info_text", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", [""]]] + ], + "minzoom": 15.6, + "maxzoom": 24, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "管段类型"], + "YS","hong", + "WS","lan", + "qqq" + ], + "icon-rotate": [ + "match", + ["get", "流向"], + 0,180, + 1,0, + 0 + ], + "icon-size": 1, + "text-field": "{管线材质} {管径}", + "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": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "建筑物", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-pattern": "material5", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-base": 0, + "fill-extrusion-color": "rgba(23,170,244, 1)", + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + }, + { + "id": "建筑物_top", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-color": "rgba(213,213,213,1)", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10.1 + ], + "fill-extrusion-base": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + } + ], + "orders": [ + ["all_boundary"], + ["hb_wh_dhgx_merge_border"], + ["hb_wh_dhgx_merge_text"], + ["poi_label"], + ["place_label_city"], + ["road_major_label"], + ["place_label_other"], + ["排水分区_text"], + ["point"] + ], + "filter": { + "污水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"], ["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"],["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"]] + }, + "雨水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"], ["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"],["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"]] + }, + + "污水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["WS1"],["WS1"]] + }, + "雨水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["YS1"],["YS1"]] + }, + "排水分区_close": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [ + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"], + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"] + ] + }, + "渍水风险点": { + "layerName": ["渍水风险点_symbol", "渍水风险点_line", "渍水风险点_fill"], + "filter": [[],[],[]] + }, + "尾水路径": { + "layerName": ["hb_wh_dhgx_merge_text", "hb_wh_dhgx_merge_border","hb_wh_dhgx_merge_line_text"], + "filter": [ + ["尾水路径_污水处理厂", "尾水路径_泵站", "尾水路径_标注", "尾水路径_净水厂"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"] + ] + }, + "雨水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["YS"],["YS"],["YS"]]}, + "污水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["WS","HS"],["WS","HS"],["WS","HS"]]}, + "污水系统流向1": { + "layerName": ["linestring"], + "filter": [ + ["污水系统流向1"] + ] + }, + "污水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["污水"], ["污水"], ["污水"]] + }, + "雨水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["雨水"], ["雨水"], ["雨水"]] + }, + + "花山镇":{"layerName": ["村", "村_text"], "filter": [["花山镇"],["花山镇"]]}, + "滨湖街":{"layerName": ["村", "村_text"], "filter": [["滨湖街"],["滨湖街"]]}, + "牛山湖养殖场":{"layerName": ["村", "村_text"], "filter": [["牛山湖养殖场"],["牛山湖养殖场"]]}, + "流芳街":{"layerName": ["村", "村_text"], "filter": [["流芳街"],["流芳街"]]}, + "九峰乡":{"layerName": ["村", "村_text"], "filter": [["九峰乡"],["九峰乡"]]}, + "关东街":{"layerName": ["村", "村_text"], "filter": [["关东街"],["关东街"]]}, + "佛祖岭街":{"layerName": ["村", "村_text"], "filter": [["佛祖岭街"],["佛祖岭街"]]}, + "豹澥镇":{"layerName": ["村", "村_text"], "filter": [["豹澥镇"],["豹澥镇"]]}, + "左岭镇":{"layerName": ["村", "村_text"], "filter": [["左岭镇"],["左岭镇"]]}, + "豹澥湖":{"layerName": ["村", "村_text"], "filter": [["豹澥湖"],["豹澥湖"]]}, + + + "东湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "梁子湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严西湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严家湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "牛山湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "豹澥湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "南湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "车墩湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "汤逊湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严东湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "五加湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]} + } +} diff --git a/src/components/Map/Map.vue b/src/components/Map/Map.vue index fe53ade..5552a13 100644 --- a/src/components/Map/Map.vue +++ b/src/components/Map/Map.vue @@ -168,12 +168,13 @@ let params = []; if (columns) params.push(`columns=${columns}`); if (geom_column) params.push(`geom_column=${geom_column}`); + params.push(`t=${new Date().getTime()}`); return (config.params.geojson + `/${key}${!isGeojsonCache ? "_" + (geom_column || "geometrys") + ".geojson" : ""}?` + params.join("&")); }); url = Array.from(new Set(url)); let fetchs = url.map((url) => axios.get(url)); let results = await Promise.all(fetchs); - url.forEach((url, index) => (config.geojsonMvts[url] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); + url.forEach((url, index) => (config.geojsonMvts[url.split((url.includes('&t=')?'&':'')+'t=')[0]] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); } async function setGifImage(item) { diff --git a/src/utils/fixDict.js b/src/utils/fixDict.js index 2079b53..1aa3b7a 100644 --- a/src/utils/fixDict.js +++ b/src/utils/fixDict.js @@ -209,6 +209,20 @@ value: '4', }, ], + + //是否字段 + isState: [ + { + label: '是', + value: '1', + elTagType: 'primary', + }, + { + label: '否', + value: '0', + elTagType: 'info', + }, + ], // factorEchartsColor:[//对应的监测因子echarts颜色 // { diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue index af2427d..a5d2df8 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue @@ -76,7 +76,7 @@
- {{ AllData.jinZhan.nowDay }} + {{ AllData.jinZhan.nowDay ? AllData.jinZhan.nowDay : '--' }} 万吨
@@ -85,7 +85,7 @@
- {{ AllData.jinZhan.yesterday }} + {{ AllData.jinZhan.yesterday ? AllData.jinZhan.yesterday : '--' }} 万吨
@@ -94,7 +94,7 @@
- {{ AllData.jinZhan.average }} + {{ AllData.jinZhan.average ? AllData.jinZhan.average : '--' }} 万吨
diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git a/public/static/libs/mapbox/style/wh_dhgx2.json b/public/static/libs/mapbox/style/wh_dhgx2.json new file mode 100644 index 0000000..cc1839c --- /dev/null +++ b/public/static/libs/mapbox/style/wh_dhgx2.json @@ -0,0 +1,1680 @@ +{ + "params": { + "basemap": "https://dhgx1.wh-nf.cn:7081/bm", + "mvt": [ + "https://dhgx0.wh-nf.cn:7081/vt/mvt", + "https://dhgx1.wh-nf.cn:7081/vt/mvt", + "https://dhgx2.wh-nf.cn:7081/vt/mvt", + "https://dhgx3.wh-nf.cn:7081/vt/mvt", + "https://dhgx4.wh-nf.cn:7081/vt/mvt", + "https://dhgx5.wh-nf.cn:7081/vt/mvt", + "https://dhgx6.wh-nf.cn:7081/vt/mvt", + "https://dhgx7.wh-nf.cn:7081/vt/mvt", + "https://dhgx8.wh-nf.cn:7081/vt/mvt", + "https://dhgx9.wh-nf.cn:7081/vt/mvt", + "https://dhgx10.wh-nf.cn:7081/vt/mvt", + "https://dhgx11.wh-nf.cn:7081/vt/mvt", + "https://dhgx12.wh-nf.cn:7081/vt/mvt", + "https://dhgx13.wh-nf.cn:7081/vt/mvt", + "https://dhgx14.wh-nf.cn:7081/vt/mvt", + "https://dhgx15.wh-nf.cn:7081/vt/mvt" + ], + "geojson": "https://dhgx9.wh-nf.cn:7081/vt/geojson", + "sprites": [ + "/static/libs/mapbox/style/sprite/sprite" + ], + "init": { + "center": [114.40776390595016, 30.484477581887262], + "zoom": 11.3, + "maxZoom": 20.9, + "minZoom": 1, + "pitch": 0, + "bearing":0, + "style":"", + "localStyle": "/static/libs/mapbox/night-style1.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/images/map_selected.png" + }, + { + "name": "map_selected1", + "url": "/static/libs/mapbox/images/选中.png" + } + ] + }, + "mapbox": { + "images": [ + {"name": "水库水位@2x", "url": "/static/libs/mapbox/images/水库水位@2x.png"}, + {"name": "污水处理站", "url": "/static/libs/mapbox/images/污水处理站.png"}, + {"name": "堤防备料@2x", "url": "/static/libs/mapbox/images/堤防备料@2x.png"}, + {"name": "物资仓库@2x", "url": "/static/libs/mapbox/images/物资仓库@2x.png"}, + {"name": "blockage", "url": "/static/libs/mapbox/images/blockage.png"}, + {"name": "full", "url": "/static/libs/mapbox/images/full.png"}, + {"name": "full_out", "url": "/static/libs/mapbox/images/full_out.png"}, + {"name": "full_out_risk", "url": "/static/libs/mapbox/images/full_out_risk.png"}, + {"name": "排渍调度", "url": "/static/libs/mapbox/images/排渍调度.png"}, + {"name": "material5", "url": "/static/libs/mapbox/images/1.jpg"}, + {"name": "selectedLocation", "url": "/static/libs/mapbox/images/selectedLocation.png"}, + {"name": "污水厂", "url": "/static/libs/mapbox/images/污水厂.png"}, + {"name": "污水监测", "url": "/static/libs/mapbox/images/污水监测.png"}, + + {"name": "水质异常", "url": "/static/libs/mapbox/images/污水-水质异常.png"}, + {"name": "淤堵风险", "url": "/static/libs/mapbox/images/污水-淤堵风险.png"}, + {"name": "雨水混入", "url": "/static/libs/mapbox/images/污水-雨水混入.png"}, + {"name": "地下水注入", "url": "/static/libs/mapbox/images/雨水-地下水注入.png"}, + {"name": "晴天出流", "url": "/static/libs/mapbox/images/雨水-晴天出流.png"}, + {"name": "污水混入", "url": "/static/libs/mapbox/images/雨水-污水混入.png"}, + + {"name": "地", "url": "/static/libs/mapbox/images/地.png"}, + {"name": "堵", "url": "/static/libs/mapbox/images/堵.png"}, + {"name": "异", "url": "/static/libs/mapbox/images/异.png"}, + {"name": "晴", "url": "/static/libs/mapbox/images/晴.png"}, + {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, + {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, + {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, + + {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, + {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, + {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} + ] + } + }, + "ogc": [ + { + "id": "newfiber-XYZLayer", + "type": "XYZLayer1", + "params": { + "id": "newfiber-XYZLayer", + "url": "https://tiles{s}.geovisearth.com/base/v1/img/default/{z}/{x}/{y}?format=webp&tmsIds=w&token=7098e0a9272b2738269fac81a14ee963834feef31e9330461348d679a24e005b", + "subdomains": [ + "1", + "2", + "3" + ], + "minZoom": 1, + "maxZoom": 18, + "tileType": "" + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + }, + { + "id": "高清地图", + "type": "XYZLayer1", + "params": { + "id": "高清地图", + "url": "https://supermap{s}.wh-nf.cn:8090/resource/tms/dhgx/{z}/{x}/{y}.png", + "subdomains": ["0", "1", "2", "3","4","5","6","7","8","9","10","11","12","13","14","15"], + "minZoom": 1, + "maxZoom": 22 + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + } + ], + "l7": [ + { + "id": "", + "key": "蒙版", + "type": "PolygonLayer", + "show": true, + "temporary": true, + "params": { + "zIndex": 100, + "minZoom": 12.5 + }, + "methods": [ + { + "name": "shape", + "params": [ + "fill" + ] + }, + { + "name": "color", + "params": ["rgba(0,0,0,.75)"] + } + ] + }, + { + "id": "", + "key": "尾水路径", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "雨水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "污水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + + { + "id": "", + "key": "分区流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "排口流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "村域边界", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(0,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.5, + "duration": 3, + "trailLength":0.1 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "水系流向", + "type": "LineLayer", + "temporary": true, + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 2.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "area", + "''||function(v){\n let key = [\"雨水\", \"污水\", \"合流\"];\n let colors = ['#061D3D', '#FFFFFF', '#ccff12'];\n return 'rgba(255,255,255,1)'||colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 3, + "duration": 1, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "temporary": true, + "show": true, + "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)] || '#E6061A';\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", + "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": "hb_wh_dhgx_merge", + "key": "hb_wh_dhgx_merge", + "type": "fill", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["3"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "paint": { + "fill-color": [ + "get", + "color" + ], + "fill-opacity": [ + "match", + ["get", "c_layer"], + "排水分区_雨水分区_1",0.5, + "排水分区_雨水分区_2",0.25, + "排水分区_雨水分区_3",0.15, + "排水分区_雨水分区_4",0.05, + "排水分区_污水分区_1",0.5, + "排水分区_污水分区_2",0.25, + "排水分区_污水分区_3",0.15, + "排水分区_污水分区_4",0.05, + 0.5 + ] + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_border", + "key": "hb_wh_dhgx_merge", + "type": "line", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", ["轮廓"]]] + ], + "paint": { + "line-color": [ + "match", + ["get","layer"], + "排水分区","rgba(98,101,124,1)", + ["get","color"] + ], + "line-width": [ + "match", + ["get", "layer"], + "排水分区",0.5, + "轮廓",1, + 3.5 + ], + "line-dasharray": [ + "match", + ["get", "c_layer"], + "轮廓", [1, 1], + "尾水路径_路线1", [2, 2], + "排水分区", [2, 2], + [1] + ] + }, + "layout": { + "line-join": [ + "match", + ["get", "c_layer"], + "轮廓", "round", + "尾水路径_路线1", "round", + "butt" + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 0, + "maxzoom": 24, + "paint": { + "text-halo-color": "#ccefff", + "text-color": "rgba(251, 0, 0, 1)", + "text-halo-width": 1 + }, + "layout": { + "icon-image": [ + "match", + ["get", "c_layer"], + "尾水路径_污水处理厂","污水处理厂扎点@2x", + "尾水路径_净水厂","污水处理厂扎点@2x", + "尾水路径_泵站","污水泵站扎点@2x", + "transparent" + ], + "icon-allow-overlap": false, + "icon-anchor": "center", + "icon-size": 0.8, + "text-allow-overlap": false, + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 14, + "text-justify": "left", + "text-anchor": "top", + "text-line-height": 1.2, + "text-max-width": 50, + "text-offset": [0, 1.2], + "text-optional": true + }, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry", + "geom_column": "geometrys_center" + }, + { + "id": "hb_wh_dhgx_merge_line_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["2"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 4, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "c_layer"], + "管网概化图_雨水","hong", + "管网概化图_污水","lan", + "qqq" + ], + "icon-size": 1, + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [1.5,1.5], + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "rgba(0,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 0 + }, + "mType": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "水库管理范围", + "key": "hb_wh_gxq_skglfw1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "水库管理范围_text", + "key": "hb_wh_gxq_skglfw1", + "type": "symbol", + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "乡镇", + "key": "hb_wh_gxq_xiang1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.5 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "乡镇_text", + "key": "hb_wh_gxq_xiang1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "村", + "key": "hb_wh_gxq_cun2", + "type": "fill", + "filter": ["in", "type", ""], + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.7 + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "村_text", + "key": "hb_wh_gxq_cun2", + "type": "symbol", + "filter": ["in", "type", ""], + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "rgba(255,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + + { + "id": "排水分区", + "key": "hb_wh_dhgx_psfq", + "type": "fill", + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "paint": { + "fill-color": ["get", "color"], + "fill-opacity": [ + "match", + ["get", "level"], + "1",0.3, + "2",0.2, + "3",0.2, + "4",0.1, + 0.5 + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys) as geometry" + }, + { + "id": "排水分区_text", + "key": "hb_wh_dhgx_psfq", + "type": "symbol", + "minzoom": 1, + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys_center) as geometry" + }, + + { + "id": "港渠", + "key": "hb_wh_dhgx_gq11", + "type": "fill", + "paint": { + "fill-color": "rgba(31,184,255,1)", + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "港渠_text", + "key": "hb_wh_dhgx_gq11", + "type": "symbol", + "minzoom": 1, + + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-max-width": 10, + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "湖泊_text", + "key": "hb_wh_gxq_water1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "point", + "key": "point", + "type": "symbol", + "minzoom": 0, + "maxzoom": 24, + "filter": [ + "in", + "type", + "", + "1_泵站", + "1_污水处理厂", + "1_调蓄池", + "rainwater_pipeline_water_level_GWGSWYX", + "问题管线", + "outlet_info1", + "outlet_info2", + "sewage_pump_station_info1", + "rain_water_pump_station_info1", + "waterlog_community", + "waterlog_community_text", + "rainwater_pipeline_quality1", + "rainwater_pipeline_quality_area1", + "sewage_pipeline_quality1", + "storage_tank_info1", + "clickPoint", + "temporary" + ], + "paint": { + "text-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","#FFFFFF", + "#FFFFFF" + ], + "text-halo-blur": 1.5, + "text-halo-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","rgba(255,0,0,1)", + "rgba(255,0,0,1)" + ], + "text-halo-width": 1.5, + "text-opacity": ["step", ["zoom"], 0, 11, 1] + }, + "layout": { + "icon-image": [ + "match", + ["get", "_image"], + "rain","雨量站扎点@2x", + "waterlog_point","排渍调度", + "port_channel_info","港渠扎点@2x", + "rainwater_pipeline_water_level","雨水管网液位扎点@2x", + "rainwater_pipeline_water_level_GWGSWYX","heigh", + "water_region_info","分区信息扎点@2x", + "waterlogging","渍水监测点扎点@2x", + "waterlogging_point_info","渍水点扎点@2x", + "sewage_pump_station_info","污水泵站扎点@2x", + "sewage_pump_station_info1","污水泵站扎点@2x", + "sewage_factory_info","污水处理厂扎点@2x", + "channel_water_level","港渠水位扎点@2x", + "outlet_quality","排口水质扎点@2x", + "channel_quality","港渠水质扎点@2x", + "outlet_info","排口扎点@2x", + "outlet_info1","排口扎点@2x", + "outlet_info2","排口扎点@2x", + "lake_info","湖泊扎点@2x", + "diversion_well_info","分流井扎点@2x", + "lake_water_level","湖泊水位扎点@2x", + "water_gate_info","水闸扎点@2x", + "storage_tank_info","调蓄池扎点@2x", + "storage_tank_info1","调蓄池扎点@2x", + "1_调蓄池","调蓄池扎点@2x", + "outlet_water_level","排口水质扎点@2x", + "region_info","分区信息扎点@2x", + "rain_water_pump_station_info","雨水泵站扎点@2x", + "rain_water_pump_station_info1","雨水泵站扎点@2x", + "sewage_pipeline_quality","污水管网水质扎点@2x", + "sewage_pipeline_quality_city","污水监测", + "sewage_pipeline_quality1","污水监测", + "drainage_info","排水户扎点@2x", + "rainwater_pipeline_quality","雨水管网水质扎点@2x", + "rainwater_pipeline_quality1","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_city","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_area","接驳口扎点@2x", + "rainwater_pipeline_quality_area1","接驳口扎点@2x", + "reservoir_info","水库扎点@2x", + "reservoir_water_level","水库范围i扎点@2x", + "sewage_factory_station_info","污水处理站", + "1_泵站", "污水泵站扎点@2x", + "1_污水处理厂", "污水厂", + "问题管线", "帮助", + "storehouse", "物资仓库@2x", + "dikeGood", "堤防备料@2x", + "泵车离线", "泵车离线", + "泵车在线", "泵车在线", + "waterlog_community", "渍水点扎点@2x", + "clickPoint", "selectedLocation", + "temporary", "selectedLocation", + + "QTCL","晴", + "WSHR","混", + "DXSZR","地", + + "GJMY","溢", + "GWMG","满", + "GWGSWYX","高", + "GJMYFX","溢", + + "YSHR","混", + "YDFX","堵", + "SZYC","异", + + "tran" + ], + "icon-allow-overlap": true, + "icon-anchor": "center", + "icon-size": [ + "match", + ["get", "_image"], + "泵车离线",0.5, + "泵车在线",0.5, + "1_污水处理厂",0.7, + "sewage_pipeline_quality1",0.7, + "sewage_pipeline_quality_city",0.7, + "GJMY",0.7, + "GWMG",0.7, + "GWGSWYX",0.7, + "GJMYFX",0.7, + "YSHR",0.7, + "YDFX",0.7, + "SZYC",0.7, + 1 + ], + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-allow-overlap": false, + "text-size": 13, + "text-justify": "left", + "text-anchor": "bottom", + "text-line-height": 1.3, + "text-max-width": 10, + "text-offset": [ + "match", + ["get","name"], + "绣球山污水泵站",[0,3], + "湖滨泵站",[0,3], + "关东泵站",[0,3], + [3.5,-1.0] + ] + }, + "mType": "geojson" + }, + { + "id": "polygon", + "key": "polygon", + "filter": [ + "in", + "type", + "", + "waterlog_community", + "temporary" + ], + "type": "fill", + "paint": { + "fill-opacity": 0.5, + "fill-color": [ + "get", + "color" + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "linestring", + "key": "linestring", + "type": "line", + "filter": [ + "in", + "type", + "", + "分区流向", + "排口流向", + "waterlog_community", + "污水系统流向1", + "temporary" + ], + "paint": { + "line-color": [ + "get", + "color" + ], + "line-width": [ + "coalesce", + ["get","width"], + 4 + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "pipeline_info1", + "key": "hb_wh_dhgx_pipe_line1", + "source-layer": "hb_wh_dhgx_pipe_line1", + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point1", + "key": "hb_wh_dhgx_pipe_point1", + "source-layer": "hb_wh_dhgx_pipe_point1", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["污水","雨水"]]] + ], + "paint": {"text-color": "#fff"}, + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "line", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", ["",""]]] + ], + "paint": { + "line-color": [ + "match", + ["get", "管段类型"], + "YS", "#37BE5F", + "WS", "#E6061A", + "HS", "#ccff12", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hb_wh_dhgx_pipe_point_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["",""]]] + ], + "paint": {"text-color": "#333"}, + "layout": { + "icon-image": [ + "match", + ["concat", ["get", "类型"], ["get", "附属物"]], + "YS进水口", "ys_排水口", + "YS检修井", "ysj", + "YS", "ysj", + "YS污水篦", "雨水箅", + "YS窨井", "ysj", + "YS出水口", "ys_排水口", + "YS雨水箅", "雨水箅", + + "WS进水口", "ws_排水口", + "WS检修井", "wsj", + "WS", "wsj", + "WS污水篦", "污水箅", + "WS窨井", "wsj", + "WS出水口", "ws_排水口", + "污水WS雨水箅", "污水箅", + "预留口" + ], + "icon-size": 1, + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15.5, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info_text", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", [""]]] + ], + "minzoom": 15.6, + "maxzoom": 24, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "管段类型"], + "YS","hong", + "WS","lan", + "qqq" + ], + "icon-rotate": [ + "match", + ["get", "流向"], + 0,180, + 1,0, + 0 + ], + "icon-size": 1, + "text-field": "{管线材质} {管径}", + "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": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "建筑物", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-pattern": "material5", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-base": 0, + "fill-extrusion-color": "rgba(23,170,244, 1)", + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + }, + { + "id": "建筑物_top", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-color": "rgba(213,213,213,1)", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10.1 + ], + "fill-extrusion-base": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + } + ], + "orders": [ + ["all_boundary"], + ["hb_wh_dhgx_merge_border"], + ["hb_wh_dhgx_merge_text"], + ["poi_label"], + ["place_label_city"], + ["road_major_label"], + ["place_label_other"], + ["排水分区_text"], + ["point"] + ], + "filter": { + "污水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"], ["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"],["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"]] + }, + "雨水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"], ["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"],["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"]] + }, + + "污水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["WS1"],["WS1"]] + }, + "雨水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["YS1"],["YS1"]] + }, + "排水分区_close": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [ + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"], + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"] + ] + }, + "渍水风险点": { + "layerName": ["渍水风险点_symbol", "渍水风险点_line", "渍水风险点_fill"], + "filter": [[],[],[]] + }, + "尾水路径": { + "layerName": ["hb_wh_dhgx_merge_text", "hb_wh_dhgx_merge_border","hb_wh_dhgx_merge_line_text"], + "filter": [ + ["尾水路径_污水处理厂", "尾水路径_泵站", "尾水路径_标注", "尾水路径_净水厂"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"] + ] + }, + "雨水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["YS"],["YS"],["YS"]]}, + "污水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["WS","HS"],["WS","HS"],["WS","HS"]]}, + "污水系统流向1": { + "layerName": ["linestring"], + "filter": [ + ["污水系统流向1"] + ] + }, + "污水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["污水"], ["污水"], ["污水"]] + }, + "雨水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["雨水"], ["雨水"], ["雨水"]] + }, + + "花山镇":{"layerName": ["村", "村_text"], "filter": [["花山镇"],["花山镇"]]}, + "滨湖街":{"layerName": ["村", "村_text"], "filter": [["滨湖街"],["滨湖街"]]}, + "牛山湖养殖场":{"layerName": ["村", "村_text"], "filter": [["牛山湖养殖场"],["牛山湖养殖场"]]}, + "流芳街":{"layerName": ["村", "村_text"], "filter": [["流芳街"],["流芳街"]]}, + "九峰乡":{"layerName": ["村", "村_text"], "filter": [["九峰乡"],["九峰乡"]]}, + "关东街":{"layerName": ["村", "村_text"], "filter": [["关东街"],["关东街"]]}, + "佛祖岭街":{"layerName": ["村", "村_text"], "filter": [["佛祖岭街"],["佛祖岭街"]]}, + "豹澥镇":{"layerName": ["村", "村_text"], "filter": [["豹澥镇"],["豹澥镇"]]}, + "左岭镇":{"layerName": ["村", "村_text"], "filter": [["左岭镇"],["左岭镇"]]}, + "豹澥湖":{"layerName": ["村", "村_text"], "filter": [["豹澥湖"],["豹澥湖"]]}, + + + "东湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "梁子湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严西湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严家湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "牛山湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "豹澥湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "南湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "车墩湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "汤逊湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严东湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "五加湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]} + } +} diff --git a/src/components/Map/Map.vue b/src/components/Map/Map.vue index fe53ade..5552a13 100644 --- a/src/components/Map/Map.vue +++ b/src/components/Map/Map.vue @@ -168,12 +168,13 @@ let params = []; if (columns) params.push(`columns=${columns}`); if (geom_column) params.push(`geom_column=${geom_column}`); + params.push(`t=${new Date().getTime()}`); return (config.params.geojson + `/${key}${!isGeojsonCache ? "_" + (geom_column || "geometrys") + ".geojson" : ""}?` + params.join("&")); }); url = Array.from(new Set(url)); let fetchs = url.map((url) => axios.get(url)); let results = await Promise.all(fetchs); - url.forEach((url, index) => (config.geojsonMvts[url] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); + url.forEach((url, index) => (config.geojsonMvts[url.split((url.includes('&t=')?'&':'')+'t=')[0]] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); } async function setGifImage(item) { diff --git a/src/utils/fixDict.js b/src/utils/fixDict.js index 2079b53..1aa3b7a 100644 --- a/src/utils/fixDict.js +++ b/src/utils/fixDict.js @@ -209,6 +209,20 @@ value: '4', }, ], + + //是否字段 + isState: [ + { + label: '是', + value: '1', + elTagType: 'primary', + }, + { + label: '否', + value: '0', + elTagType: 'info', + }, + ], // factorEchartsColor:[//对应的监测因子echarts颜色 // { diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue index af2427d..a5d2df8 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue @@ -76,7 +76,7 @@
- {{ AllData.jinZhan.nowDay }} + {{ AllData.jinZhan.nowDay ? AllData.jinZhan.nowDay : '--' }} 万吨
@@ -85,7 +85,7 @@
- {{ AllData.jinZhan.yesterday }} + {{ AllData.jinZhan.yesterday ? AllData.jinZhan.yesterday : '--' }} 万吨
@@ -94,7 +94,7 @@
- {{ AllData.jinZhan.average }} + {{ AllData.jinZhan.average ? AllData.jinZhan.average : '--' }} 万吨
diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue index bfd8be4..d2f031c 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue @@ -1092,109 +1092,85 @@
排水户名称
- {{ dialogFormDetail.name }} -
-
-
-
申请单位
-
- {{ dialogFormDetail.applyUnit }} + {{ dialogFormDetail.pshName }}
街道
-
- {{ dialogFormDetail.street }} +
+ {{ dialogFormDetail.regionCodeName }}
-
交件人
+
详细地址
+
+ {{ dialogFormDetail.locationDetail }} +
+
+
+
联系人
{{ dialogFormDetail.dutyPerson }}
-
交件人电话
+
联系人电话
- {{ dialogFormDetail.dutyPersonPhone }} + {{ dialogFormDetail.dutyTellPhone }}
-
分级
+
行业类别
- + {{ dialogFormDetail.industryType }}
-
分类
+
是否为重点排水户
- +
-
类别
+
是否办理排水证
- {{ dialogFormDetail.type }} +
-
排水口
+
办证年份
- {{ dialogFormDetail.outlet }} + {{ dialogFormDetail.taskYear }}
-
排水管
+
排水证编号
- {{ dialogFormDetail.drain }} + {{ dialogFormDetail.drainWaterCard }}
-
排水量
+
排污类型
- {{ dialogFormDetail.volume }} + {{ dialogFormDetail.drainageTypeName }}
-
排水去向
+
营业执照编号
- {{ dialogFormDetail.direction }} + {{ dialogFormDetail.businessLicense }}
-
设置预
+
经营开始时间
- {{ dialogFormDetail.setPre }} + {{ parseTime(dialogFormDetail.businessStartTime, '{y}-{m}-{d}') }}
-
内部是
+
经营结束时间
- -
-
-
-
是否有
-
- -
-
-
-
是否列
-
- -
-
-
-
有效开始日期
-
- {{ parseTime(dialogFormDetail.validityTime, '{y}-{m}-{d} {h}:{i}:{s}') }} -
-
-
-
有效截止时间
-
- {{ parseTime(dialogFormDetail.validityDeadline, '{y}-{m}-{d} {h}:{i}:{s}') }} + {{ parseTime(dialogFormDetail.businessEndTime, '{y}-{m}-{d}') }}
@@ -1633,6 +1609,7 @@ const leixingyi = proxy.fixDict['leixingyi']; const leixinger = proxy.fixDict['leixinger']; const leixingsan = proxy.fixDict['leixingsan']; +const isState= proxy.fixDict["isState"] const { lake_level, diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git a/public/static/libs/mapbox/style/wh_dhgx2.json b/public/static/libs/mapbox/style/wh_dhgx2.json new file mode 100644 index 0000000..cc1839c --- /dev/null +++ b/public/static/libs/mapbox/style/wh_dhgx2.json @@ -0,0 +1,1680 @@ +{ + "params": { + "basemap": "https://dhgx1.wh-nf.cn:7081/bm", + "mvt": [ + "https://dhgx0.wh-nf.cn:7081/vt/mvt", + "https://dhgx1.wh-nf.cn:7081/vt/mvt", + "https://dhgx2.wh-nf.cn:7081/vt/mvt", + "https://dhgx3.wh-nf.cn:7081/vt/mvt", + "https://dhgx4.wh-nf.cn:7081/vt/mvt", + "https://dhgx5.wh-nf.cn:7081/vt/mvt", + "https://dhgx6.wh-nf.cn:7081/vt/mvt", + "https://dhgx7.wh-nf.cn:7081/vt/mvt", + "https://dhgx8.wh-nf.cn:7081/vt/mvt", + "https://dhgx9.wh-nf.cn:7081/vt/mvt", + "https://dhgx10.wh-nf.cn:7081/vt/mvt", + "https://dhgx11.wh-nf.cn:7081/vt/mvt", + "https://dhgx12.wh-nf.cn:7081/vt/mvt", + "https://dhgx13.wh-nf.cn:7081/vt/mvt", + "https://dhgx14.wh-nf.cn:7081/vt/mvt", + "https://dhgx15.wh-nf.cn:7081/vt/mvt" + ], + "geojson": "https://dhgx9.wh-nf.cn:7081/vt/geojson", + "sprites": [ + "/static/libs/mapbox/style/sprite/sprite" + ], + "init": { + "center": [114.40776390595016, 30.484477581887262], + "zoom": 11.3, + "maxZoom": 20.9, + "minZoom": 1, + "pitch": 0, + "bearing":0, + "style":"", + "localStyle": "/static/libs/mapbox/night-style1.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/images/map_selected.png" + }, + { + "name": "map_selected1", + "url": "/static/libs/mapbox/images/选中.png" + } + ] + }, + "mapbox": { + "images": [ + {"name": "水库水位@2x", "url": "/static/libs/mapbox/images/水库水位@2x.png"}, + {"name": "污水处理站", "url": "/static/libs/mapbox/images/污水处理站.png"}, + {"name": "堤防备料@2x", "url": "/static/libs/mapbox/images/堤防备料@2x.png"}, + {"name": "物资仓库@2x", "url": "/static/libs/mapbox/images/物资仓库@2x.png"}, + {"name": "blockage", "url": "/static/libs/mapbox/images/blockage.png"}, + {"name": "full", "url": "/static/libs/mapbox/images/full.png"}, + {"name": "full_out", "url": "/static/libs/mapbox/images/full_out.png"}, + {"name": "full_out_risk", "url": "/static/libs/mapbox/images/full_out_risk.png"}, + {"name": "排渍调度", "url": "/static/libs/mapbox/images/排渍调度.png"}, + {"name": "material5", "url": "/static/libs/mapbox/images/1.jpg"}, + {"name": "selectedLocation", "url": "/static/libs/mapbox/images/selectedLocation.png"}, + {"name": "污水厂", "url": "/static/libs/mapbox/images/污水厂.png"}, + {"name": "污水监测", "url": "/static/libs/mapbox/images/污水监测.png"}, + + {"name": "水质异常", "url": "/static/libs/mapbox/images/污水-水质异常.png"}, + {"name": "淤堵风险", "url": "/static/libs/mapbox/images/污水-淤堵风险.png"}, + {"name": "雨水混入", "url": "/static/libs/mapbox/images/污水-雨水混入.png"}, + {"name": "地下水注入", "url": "/static/libs/mapbox/images/雨水-地下水注入.png"}, + {"name": "晴天出流", "url": "/static/libs/mapbox/images/雨水-晴天出流.png"}, + {"name": "污水混入", "url": "/static/libs/mapbox/images/雨水-污水混入.png"}, + + {"name": "地", "url": "/static/libs/mapbox/images/地.png"}, + {"name": "堵", "url": "/static/libs/mapbox/images/堵.png"}, + {"name": "异", "url": "/static/libs/mapbox/images/异.png"}, + {"name": "晴", "url": "/static/libs/mapbox/images/晴.png"}, + {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, + {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, + {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, + + {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, + {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, + {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} + ] + } + }, + "ogc": [ + { + "id": "newfiber-XYZLayer", + "type": "XYZLayer1", + "params": { + "id": "newfiber-XYZLayer", + "url": "https://tiles{s}.geovisearth.com/base/v1/img/default/{z}/{x}/{y}?format=webp&tmsIds=w&token=7098e0a9272b2738269fac81a14ee963834feef31e9330461348d679a24e005b", + "subdomains": [ + "1", + "2", + "3" + ], + "minZoom": 1, + "maxZoom": 18, + "tileType": "" + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + }, + { + "id": "高清地图", + "type": "XYZLayer1", + "params": { + "id": "高清地图", + "url": "https://supermap{s}.wh-nf.cn:8090/resource/tms/dhgx/{z}/{x}/{y}.png", + "subdomains": ["0", "1", "2", "3","4","5","6","7","8","9","10","11","12","13","14","15"], + "minZoom": 1, + "maxZoom": 22 + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + } + ], + "l7": [ + { + "id": "", + "key": "蒙版", + "type": "PolygonLayer", + "show": true, + "temporary": true, + "params": { + "zIndex": 100, + "minZoom": 12.5 + }, + "methods": [ + { + "name": "shape", + "params": [ + "fill" + ] + }, + { + "name": "color", + "params": ["rgba(0,0,0,.75)"] + } + ] + }, + { + "id": "", + "key": "尾水路径", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "雨水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "污水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + + { + "id": "", + "key": "分区流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "排口流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "村域边界", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(0,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.5, + "duration": 3, + "trailLength":0.1 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "水系流向", + "type": "LineLayer", + "temporary": true, + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 2.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "area", + "''||function(v){\n let key = [\"雨水\", \"污水\", \"合流\"];\n let colors = ['#061D3D', '#FFFFFF', '#ccff12'];\n return 'rgba(255,255,255,1)'||colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 3, + "duration": 1, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "temporary": true, + "show": true, + "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)] || '#E6061A';\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", + "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": "hb_wh_dhgx_merge", + "key": "hb_wh_dhgx_merge", + "type": "fill", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["3"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "paint": { + "fill-color": [ + "get", + "color" + ], + "fill-opacity": [ + "match", + ["get", "c_layer"], + "排水分区_雨水分区_1",0.5, + "排水分区_雨水分区_2",0.25, + "排水分区_雨水分区_3",0.15, + "排水分区_雨水分区_4",0.05, + "排水分区_污水分区_1",0.5, + "排水分区_污水分区_2",0.25, + "排水分区_污水分区_3",0.15, + "排水分区_污水分区_4",0.05, + 0.5 + ] + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_border", + "key": "hb_wh_dhgx_merge", + "type": "line", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", ["轮廓"]]] + ], + "paint": { + "line-color": [ + "match", + ["get","layer"], + "排水分区","rgba(98,101,124,1)", + ["get","color"] + ], + "line-width": [ + "match", + ["get", "layer"], + "排水分区",0.5, + "轮廓",1, + 3.5 + ], + "line-dasharray": [ + "match", + ["get", "c_layer"], + "轮廓", [1, 1], + "尾水路径_路线1", [2, 2], + "排水分区", [2, 2], + [1] + ] + }, + "layout": { + "line-join": [ + "match", + ["get", "c_layer"], + "轮廓", "round", + "尾水路径_路线1", "round", + "butt" + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 0, + "maxzoom": 24, + "paint": { + "text-halo-color": "#ccefff", + "text-color": "rgba(251, 0, 0, 1)", + "text-halo-width": 1 + }, + "layout": { + "icon-image": [ + "match", + ["get", "c_layer"], + "尾水路径_污水处理厂","污水处理厂扎点@2x", + "尾水路径_净水厂","污水处理厂扎点@2x", + "尾水路径_泵站","污水泵站扎点@2x", + "transparent" + ], + "icon-allow-overlap": false, + "icon-anchor": "center", + "icon-size": 0.8, + "text-allow-overlap": false, + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 14, + "text-justify": "left", + "text-anchor": "top", + "text-line-height": 1.2, + "text-max-width": 50, + "text-offset": [0, 1.2], + "text-optional": true + }, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry", + "geom_column": "geometrys_center" + }, + { + "id": "hb_wh_dhgx_merge_line_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["2"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 4, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "c_layer"], + "管网概化图_雨水","hong", + "管网概化图_污水","lan", + "qqq" + ], + "icon-size": 1, + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [1.5,1.5], + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "rgba(0,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 0 + }, + "mType": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "水库管理范围", + "key": "hb_wh_gxq_skglfw1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "水库管理范围_text", + "key": "hb_wh_gxq_skglfw1", + "type": "symbol", + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "乡镇", + "key": "hb_wh_gxq_xiang1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.5 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "乡镇_text", + "key": "hb_wh_gxq_xiang1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "村", + "key": "hb_wh_gxq_cun2", + "type": "fill", + "filter": ["in", "type", ""], + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.7 + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "村_text", + "key": "hb_wh_gxq_cun2", + "type": "symbol", + "filter": ["in", "type", ""], + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "rgba(255,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + + { + "id": "排水分区", + "key": "hb_wh_dhgx_psfq", + "type": "fill", + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "paint": { + "fill-color": ["get", "color"], + "fill-opacity": [ + "match", + ["get", "level"], + "1",0.3, + "2",0.2, + "3",0.2, + "4",0.1, + 0.5 + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys) as geometry" + }, + { + "id": "排水分区_text", + "key": "hb_wh_dhgx_psfq", + "type": "symbol", + "minzoom": 1, + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys_center) as geometry" + }, + + { + "id": "港渠", + "key": "hb_wh_dhgx_gq11", + "type": "fill", + "paint": { + "fill-color": "rgba(31,184,255,1)", + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "港渠_text", + "key": "hb_wh_dhgx_gq11", + "type": "symbol", + "minzoom": 1, + + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-max-width": 10, + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "湖泊_text", + "key": "hb_wh_gxq_water1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "point", + "key": "point", + "type": "symbol", + "minzoom": 0, + "maxzoom": 24, + "filter": [ + "in", + "type", + "", + "1_泵站", + "1_污水处理厂", + "1_调蓄池", + "rainwater_pipeline_water_level_GWGSWYX", + "问题管线", + "outlet_info1", + "outlet_info2", + "sewage_pump_station_info1", + "rain_water_pump_station_info1", + "waterlog_community", + "waterlog_community_text", + "rainwater_pipeline_quality1", + "rainwater_pipeline_quality_area1", + "sewage_pipeline_quality1", + "storage_tank_info1", + "clickPoint", + "temporary" + ], + "paint": { + "text-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","#FFFFFF", + "#FFFFFF" + ], + "text-halo-blur": 1.5, + "text-halo-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","rgba(255,0,0,1)", + "rgba(255,0,0,1)" + ], + "text-halo-width": 1.5, + "text-opacity": ["step", ["zoom"], 0, 11, 1] + }, + "layout": { + "icon-image": [ + "match", + ["get", "_image"], + "rain","雨量站扎点@2x", + "waterlog_point","排渍调度", + "port_channel_info","港渠扎点@2x", + "rainwater_pipeline_water_level","雨水管网液位扎点@2x", + "rainwater_pipeline_water_level_GWGSWYX","heigh", + "water_region_info","分区信息扎点@2x", + "waterlogging","渍水监测点扎点@2x", + "waterlogging_point_info","渍水点扎点@2x", + "sewage_pump_station_info","污水泵站扎点@2x", + "sewage_pump_station_info1","污水泵站扎点@2x", + "sewage_factory_info","污水处理厂扎点@2x", + "channel_water_level","港渠水位扎点@2x", + "outlet_quality","排口水质扎点@2x", + "channel_quality","港渠水质扎点@2x", + "outlet_info","排口扎点@2x", + "outlet_info1","排口扎点@2x", + "outlet_info2","排口扎点@2x", + "lake_info","湖泊扎点@2x", + "diversion_well_info","分流井扎点@2x", + "lake_water_level","湖泊水位扎点@2x", + "water_gate_info","水闸扎点@2x", + "storage_tank_info","调蓄池扎点@2x", + "storage_tank_info1","调蓄池扎点@2x", + "1_调蓄池","调蓄池扎点@2x", + "outlet_water_level","排口水质扎点@2x", + "region_info","分区信息扎点@2x", + "rain_water_pump_station_info","雨水泵站扎点@2x", + "rain_water_pump_station_info1","雨水泵站扎点@2x", + "sewage_pipeline_quality","污水管网水质扎点@2x", + "sewage_pipeline_quality_city","污水监测", + "sewage_pipeline_quality1","污水监测", + "drainage_info","排水户扎点@2x", + "rainwater_pipeline_quality","雨水管网水质扎点@2x", + "rainwater_pipeline_quality1","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_city","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_area","接驳口扎点@2x", + "rainwater_pipeline_quality_area1","接驳口扎点@2x", + "reservoir_info","水库扎点@2x", + "reservoir_water_level","水库范围i扎点@2x", + "sewage_factory_station_info","污水处理站", + "1_泵站", "污水泵站扎点@2x", + "1_污水处理厂", "污水厂", + "问题管线", "帮助", + "storehouse", "物资仓库@2x", + "dikeGood", "堤防备料@2x", + "泵车离线", "泵车离线", + "泵车在线", "泵车在线", + "waterlog_community", "渍水点扎点@2x", + "clickPoint", "selectedLocation", + "temporary", "selectedLocation", + + "QTCL","晴", + "WSHR","混", + "DXSZR","地", + + "GJMY","溢", + "GWMG","满", + "GWGSWYX","高", + "GJMYFX","溢", + + "YSHR","混", + "YDFX","堵", + "SZYC","异", + + "tran" + ], + "icon-allow-overlap": true, + "icon-anchor": "center", + "icon-size": [ + "match", + ["get", "_image"], + "泵车离线",0.5, + "泵车在线",0.5, + "1_污水处理厂",0.7, + "sewage_pipeline_quality1",0.7, + "sewage_pipeline_quality_city",0.7, + "GJMY",0.7, + "GWMG",0.7, + "GWGSWYX",0.7, + "GJMYFX",0.7, + "YSHR",0.7, + "YDFX",0.7, + "SZYC",0.7, + 1 + ], + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-allow-overlap": false, + "text-size": 13, + "text-justify": "left", + "text-anchor": "bottom", + "text-line-height": 1.3, + "text-max-width": 10, + "text-offset": [ + "match", + ["get","name"], + "绣球山污水泵站",[0,3], + "湖滨泵站",[0,3], + "关东泵站",[0,3], + [3.5,-1.0] + ] + }, + "mType": "geojson" + }, + { + "id": "polygon", + "key": "polygon", + "filter": [ + "in", + "type", + "", + "waterlog_community", + "temporary" + ], + "type": "fill", + "paint": { + "fill-opacity": 0.5, + "fill-color": [ + "get", + "color" + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "linestring", + "key": "linestring", + "type": "line", + "filter": [ + "in", + "type", + "", + "分区流向", + "排口流向", + "waterlog_community", + "污水系统流向1", + "temporary" + ], + "paint": { + "line-color": [ + "get", + "color" + ], + "line-width": [ + "coalesce", + ["get","width"], + 4 + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "pipeline_info1", + "key": "hb_wh_dhgx_pipe_line1", + "source-layer": "hb_wh_dhgx_pipe_line1", + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point1", + "key": "hb_wh_dhgx_pipe_point1", + "source-layer": "hb_wh_dhgx_pipe_point1", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["污水","雨水"]]] + ], + "paint": {"text-color": "#fff"}, + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "line", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", ["",""]]] + ], + "paint": { + "line-color": [ + "match", + ["get", "管段类型"], + "YS", "#37BE5F", + "WS", "#E6061A", + "HS", "#ccff12", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hb_wh_dhgx_pipe_point_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["",""]]] + ], + "paint": {"text-color": "#333"}, + "layout": { + "icon-image": [ + "match", + ["concat", ["get", "类型"], ["get", "附属物"]], + "YS进水口", "ys_排水口", + "YS检修井", "ysj", + "YS", "ysj", + "YS污水篦", "雨水箅", + "YS窨井", "ysj", + "YS出水口", "ys_排水口", + "YS雨水箅", "雨水箅", + + "WS进水口", "ws_排水口", + "WS检修井", "wsj", + "WS", "wsj", + "WS污水篦", "污水箅", + "WS窨井", "wsj", + "WS出水口", "ws_排水口", + "污水WS雨水箅", "污水箅", + "预留口" + ], + "icon-size": 1, + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15.5, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info_text", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", [""]]] + ], + "minzoom": 15.6, + "maxzoom": 24, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "管段类型"], + "YS","hong", + "WS","lan", + "qqq" + ], + "icon-rotate": [ + "match", + ["get", "流向"], + 0,180, + 1,0, + 0 + ], + "icon-size": 1, + "text-field": "{管线材质} {管径}", + "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": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "建筑物", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-pattern": "material5", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-base": 0, + "fill-extrusion-color": "rgba(23,170,244, 1)", + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + }, + { + "id": "建筑物_top", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-color": "rgba(213,213,213,1)", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10.1 + ], + "fill-extrusion-base": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + } + ], + "orders": [ + ["all_boundary"], + ["hb_wh_dhgx_merge_border"], + ["hb_wh_dhgx_merge_text"], + ["poi_label"], + ["place_label_city"], + ["road_major_label"], + ["place_label_other"], + ["排水分区_text"], + ["point"] + ], + "filter": { + "污水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"], ["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"],["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"]] + }, + "雨水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"], ["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"],["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"]] + }, + + "污水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["WS1"],["WS1"]] + }, + "雨水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["YS1"],["YS1"]] + }, + "排水分区_close": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [ + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"], + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"] + ] + }, + "渍水风险点": { + "layerName": ["渍水风险点_symbol", "渍水风险点_line", "渍水风险点_fill"], + "filter": [[],[],[]] + }, + "尾水路径": { + "layerName": ["hb_wh_dhgx_merge_text", "hb_wh_dhgx_merge_border","hb_wh_dhgx_merge_line_text"], + "filter": [ + ["尾水路径_污水处理厂", "尾水路径_泵站", "尾水路径_标注", "尾水路径_净水厂"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"] + ] + }, + "雨水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["YS"],["YS"],["YS"]]}, + "污水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["WS","HS"],["WS","HS"],["WS","HS"]]}, + "污水系统流向1": { + "layerName": ["linestring"], + "filter": [ + ["污水系统流向1"] + ] + }, + "污水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["污水"], ["污水"], ["污水"]] + }, + "雨水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["雨水"], ["雨水"], ["雨水"]] + }, + + "花山镇":{"layerName": ["村", "村_text"], "filter": [["花山镇"],["花山镇"]]}, + "滨湖街":{"layerName": ["村", "村_text"], "filter": [["滨湖街"],["滨湖街"]]}, + "牛山湖养殖场":{"layerName": ["村", "村_text"], "filter": [["牛山湖养殖场"],["牛山湖养殖场"]]}, + "流芳街":{"layerName": ["村", "村_text"], "filter": [["流芳街"],["流芳街"]]}, + "九峰乡":{"layerName": ["村", "村_text"], "filter": [["九峰乡"],["九峰乡"]]}, + "关东街":{"layerName": ["村", "村_text"], "filter": [["关东街"],["关东街"]]}, + "佛祖岭街":{"layerName": ["村", "村_text"], "filter": [["佛祖岭街"],["佛祖岭街"]]}, + "豹澥镇":{"layerName": ["村", "村_text"], "filter": [["豹澥镇"],["豹澥镇"]]}, + "左岭镇":{"layerName": ["村", "村_text"], "filter": [["左岭镇"],["左岭镇"]]}, + "豹澥湖":{"layerName": ["村", "村_text"], "filter": [["豹澥湖"],["豹澥湖"]]}, + + + "东湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "梁子湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严西湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严家湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "牛山湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "豹澥湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "南湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "车墩湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "汤逊湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严东湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "五加湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]} + } +} diff --git a/src/components/Map/Map.vue b/src/components/Map/Map.vue index fe53ade..5552a13 100644 --- a/src/components/Map/Map.vue +++ b/src/components/Map/Map.vue @@ -168,12 +168,13 @@ let params = []; if (columns) params.push(`columns=${columns}`); if (geom_column) params.push(`geom_column=${geom_column}`); + params.push(`t=${new Date().getTime()}`); return (config.params.geojson + `/${key}${!isGeojsonCache ? "_" + (geom_column || "geometrys") + ".geojson" : ""}?` + params.join("&")); }); url = Array.from(new Set(url)); let fetchs = url.map((url) => axios.get(url)); let results = await Promise.all(fetchs); - url.forEach((url, index) => (config.geojsonMvts[url] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); + url.forEach((url, index) => (config.geojsonMvts[url.split((url.includes('&t=')?'&':'')+'t=')[0]] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); } async function setGifImage(item) { diff --git a/src/utils/fixDict.js b/src/utils/fixDict.js index 2079b53..1aa3b7a 100644 --- a/src/utils/fixDict.js +++ b/src/utils/fixDict.js @@ -209,6 +209,20 @@ value: '4', }, ], + + //是否字段 + isState: [ + { + label: '是', + value: '1', + elTagType: 'primary', + }, + { + label: '否', + value: '0', + elTagType: 'info', + }, + ], // factorEchartsColor:[//对应的监测因子echarts颜色 // { diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue index af2427d..a5d2df8 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue @@ -76,7 +76,7 @@
- {{ AllData.jinZhan.nowDay }} + {{ AllData.jinZhan.nowDay ? AllData.jinZhan.nowDay : '--' }} 万吨
@@ -85,7 +85,7 @@
- {{ AllData.jinZhan.yesterday }} + {{ AllData.jinZhan.yesterday ? AllData.jinZhan.yesterday : '--' }} 万吨
@@ -94,7 +94,7 @@
- {{ AllData.jinZhan.average }} + {{ AllData.jinZhan.average ? AllData.jinZhan.average : '--' }} 万吨
diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue index bfd8be4..d2f031c 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue @@ -1092,109 +1092,85 @@
排水户名称
- {{ dialogFormDetail.name }} -
-
-
-
申请单位
-
- {{ dialogFormDetail.applyUnit }} + {{ dialogFormDetail.pshName }}
街道
-
- {{ dialogFormDetail.street }} +
+ {{ dialogFormDetail.regionCodeName }}
-
交件人
+
详细地址
+
+ {{ dialogFormDetail.locationDetail }} +
+
+
+
联系人
{{ dialogFormDetail.dutyPerson }}
-
交件人电话
+
联系人电话
- {{ dialogFormDetail.dutyPersonPhone }} + {{ dialogFormDetail.dutyTellPhone }}
-
分级
+
行业类别
- + {{ dialogFormDetail.industryType }}
-
分类
+
是否为重点排水户
- +
-
类别
+
是否办理排水证
- {{ dialogFormDetail.type }} +
-
排水口
+
办证年份
- {{ dialogFormDetail.outlet }} + {{ dialogFormDetail.taskYear }}
-
排水管
+
排水证编号
- {{ dialogFormDetail.drain }} + {{ dialogFormDetail.drainWaterCard }}
-
排水量
+
排污类型
- {{ dialogFormDetail.volume }} + {{ dialogFormDetail.drainageTypeName }}
-
排水去向
+
营业执照编号
- {{ dialogFormDetail.direction }} + {{ dialogFormDetail.businessLicense }}
-
设置预
+
经营开始时间
- {{ dialogFormDetail.setPre }} + {{ parseTime(dialogFormDetail.businessStartTime, '{y}-{m}-{d}') }}
-
内部是
+
经营结束时间
- -
-
-
-
是否有
-
- -
-
-
-
是否列
-
- -
-
-
-
有效开始日期
-
- {{ parseTime(dialogFormDetail.validityTime, '{y}-{m}-{d} {h}:{i}:{s}') }} -
-
-
-
有效截止时间
-
- {{ parseTime(dialogFormDetail.validityDeadline, '{y}-{m}-{d} {h}:{i}:{s}') }} + {{ parseTime(dialogFormDetail.businessEndTime, '{y}-{m}-{d}') }}
@@ -1633,6 +1609,7 @@ const leixingyi = proxy.fixDict['leixingyi']; const leixinger = proxy.fixDict['leixinger']; const leixingsan = proxy.fixDict['leixingsan']; +const isState= proxy.fixDict["isState"] const { lake_level, diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue index e99f04d..0faf3e1 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue @@ -207,7 +207,7 @@ '起始井号', '终止井号', '管线材质', - '管径', + '管径(mm)', '起点埋深', '终点埋深', '起点高程', @@ -229,7 +229,7 @@ { name: '起始井号', value: properties.startPointNumber }, { name: '终止井号', value: properties.endPointNumber }, { name: '管线材质', value: properties.pipelineTexture }, - { name: '管径', value: properties.pipelineDiameter }, + { name: '管径(mm)', value: properties.pipelineDiameter }, { name: '起点埋深', value: properties.startGroundDepth }, { name: '终点埋深', value: properties.endGroundDepth }, { name: '起点高程', value: properties.startCopNoseElevation }, @@ -241,7 +241,7 @@ value: ownership.value.filter(item => { return item.value == properties.ownershipUnits; - })[0].label || '-', + })[0]?.label || '-', }, { name: '管段长度', value: properties.pipelineLength }, { name: '建设年代', value: properties.constructionDate }, @@ -318,10 +318,7 @@ { name: '附属物', value: obj.appendage || '-' }, { name: '管网归属', - value: - ownership.value.filter(item => { - return item.value == obj.ownershipUnits; - })[0].label || '-', + value: obj.ownershipUnits, }, { name: '维护管理单位', value: obj.operationalUnits || '-' }, @@ -355,7 +352,7 @@ value: ownership.value.filter(item => { return item.value == obj2.ownershipUnits; - })[0].label || '-', + })[0]?.label || '-', }, { name: '管段长度(m)', value: obj2.pipelineLength || '-' }, { name: '断面类型', value: obj2.sectionType || '-' }, diff --git "a/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..64516e4 --- /dev/null +++ "b/public/static/libs/mapbox/images/\346\261\241\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git "a/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" new file mode 100644 index 0000000..7b38ffa --- /dev/null +++ "b/public/static/libs/mapbox/images/\351\233\250\346\260\264\346\216\245\351\251\263_icon.png" Binary files differ diff --git a/public/static/libs/mapbox/style/wh_dhgx.json b/public/static/libs/mapbox/style/wh_dhgx.json index cc1839c..ef310c5 100644 --- a/public/static/libs/mapbox/style/wh_dhgx.json +++ b/public/static/libs/mapbox/style/wh_dhgx.json @@ -79,7 +79,8 @@ {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, - + {"name": "污水接驳", "url": "/static/libs/mapbox/images/污水接驳_icon.png"}, + {"name": "雨水接驳", "url": "/static/libs/mapbox/images/雨水接驳_icon.png"}, {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} @@ -1336,88 +1337,12 @@ "mType": "geojson" }, { - "id": "pipeline_info1", - "key": "hb_wh_dhgx_pipe_line1", - "source-layer": "hb_wh_dhgx_pipe_line1", - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { - "id": "pipeline_point1", - "key": "hb_wh_dhgx_pipe_point1", - "source-layer": "hb_wh_dhgx_pipe_point1", - "type": "symbol", - "filter": [ - "all", - ["in", ["get", "类型"],["literal", ["污水","雨水"]]] - ], - "paint": {"text-color": "#fff"}, - "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": "mvt", - "columns": "*,st_asText(geometrys) as geometry" - }, - { "id": "pipeline_info", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "line", "filter": [ "all", - ["in", ["get", "管段类型"],["literal", ["",""]]] + ["in", ["get", "管段类型"],["literal", [""]]] ], "paint": { "line-color": [ @@ -1431,39 +1356,46 @@ "line-width": 2 }, "layout": {}, - "minzoom": 10, + "minzoom": 7, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_point", - "key": "hb_wh_dhgx_pipe_point_n_y_w", + "key": "pip_pipeline_point", "type": "symbol", "filter": [ "all", - ["in", ["get", "类型"],["literal", ["",""]]] + ["in", ["get", "类型"],["literal", [""]]] ], "paint": {"text-color": "#333"}, "layout": { + "icon-ignore-placement":true, "icon-image": [ "match", ["concat", ["get", "类型"], ["get", "附属物"]], - "YS进水口", "ys_排水口", - "YS检修井", "ysj", - "YS", "ysj", - "YS污水篦", "雨水箅", - "YS窨井", "ysj", - "YS出水口", "ys_排水口", - "YS雨水箅", "雨水箅", + "YS出水口","ys_排水口", + "YS检修井","ysj", + "YS污水井","wsj", + "YS污水箅","雨水箅", + "YS污水篦","污水箅", + "YS进水口","ys_排水口", + "YS雨水井","ysj", + "YS雨水箅","雨水箅", + "YS雨水篦","雨水箅", + "YS接驳口","雨水接驳", - "WS进水口", "ws_排水口", - "WS检修井", "wsj", - "WS", "wsj", - "WS污水篦", "污水箅", - "WS窨井", "wsj", - "WS出水口", "ws_排水口", - "污水WS雨水箅", "污水箅", + "wS出水口","ws_排水口", + "wS检修井","wsj", + "wS污水井","wsj", + "wS污水箅","污水箅", + "wS污水篦","污水箅", + "wS进水口","ws_排水口", + "wS雨水井","wsj", + "wS雨水箅","污水箅", + "wS雨水篦","污水箅", + "wS接驳口","污水接驳", "预留口" ], "icon-size": 1, @@ -1474,22 +1406,24 @@ "text-line-height": 3, "text-anchor": "top" }, - "minzoom": 15.5, + "minzoom": 15, "maxzoom": 24, "mType": "geojsonMvt", - "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water_name as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "pipeline_info_text", - "key": "hb_wh_dhgx_pipe_line_n_y_w", + "key": "pip_pipeline_info", "type": "symbol", + "minzoom": 15, + "maxzoom": 24, "filter": [ "all", ["in", ["get", "管段类型"],["literal", [""]]] ], - "minzoom": 15.6, - "maxzoom": 24, + "minzoom": 1, "layout": { + "icon-ignore-placement":false, "symbol-placement": "line-center", "symbol-spacing": 40, "icon-image": [ @@ -1502,12 +1436,12 @@ "icon-rotate": [ "match", ["get", "流向"], - 0,180, - 1,0, + "0",180, + "1",0, 0 ], - "icon-size": 1, "text-field": "{管线材质} {管径}", + "icon-size": 0.6, "text-font": ["KlokanTech Noto Sans Regular"], "text-letter-spacing": 0.1, "text-rotation-alignment": "map", @@ -1521,15 +1455,15 @@ "text-color": [ "match", ["get","管段类型"], - "雨水","rgba(93,126,161,1)", - "污水","rgba(230,8,28,1)", + "YS","rgba(93,126,161,1)", + "WS","rgba(230,8,28,1)", "#000" ], "text-halo-color": "hsl(0, 0%, 100%)", "text-halo-width": 2 }, "mType": "geojsonMvt", - "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + "columns": "pipeline_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, pipeline_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" }, { "id": "建筑物", diff --git a/public/static/libs/mapbox/style/wh_dhgx2.json b/public/static/libs/mapbox/style/wh_dhgx2.json new file mode 100644 index 0000000..cc1839c --- /dev/null +++ b/public/static/libs/mapbox/style/wh_dhgx2.json @@ -0,0 +1,1680 @@ +{ + "params": { + "basemap": "https://dhgx1.wh-nf.cn:7081/bm", + "mvt": [ + "https://dhgx0.wh-nf.cn:7081/vt/mvt", + "https://dhgx1.wh-nf.cn:7081/vt/mvt", + "https://dhgx2.wh-nf.cn:7081/vt/mvt", + "https://dhgx3.wh-nf.cn:7081/vt/mvt", + "https://dhgx4.wh-nf.cn:7081/vt/mvt", + "https://dhgx5.wh-nf.cn:7081/vt/mvt", + "https://dhgx6.wh-nf.cn:7081/vt/mvt", + "https://dhgx7.wh-nf.cn:7081/vt/mvt", + "https://dhgx8.wh-nf.cn:7081/vt/mvt", + "https://dhgx9.wh-nf.cn:7081/vt/mvt", + "https://dhgx10.wh-nf.cn:7081/vt/mvt", + "https://dhgx11.wh-nf.cn:7081/vt/mvt", + "https://dhgx12.wh-nf.cn:7081/vt/mvt", + "https://dhgx13.wh-nf.cn:7081/vt/mvt", + "https://dhgx14.wh-nf.cn:7081/vt/mvt", + "https://dhgx15.wh-nf.cn:7081/vt/mvt" + ], + "geojson": "https://dhgx9.wh-nf.cn:7081/vt/geojson", + "sprites": [ + "/static/libs/mapbox/style/sprite/sprite" + ], + "init": { + "center": [114.40776390595016, 30.484477581887262], + "zoom": 11.3, + "maxZoom": 20.9, + "minZoom": 1, + "pitch": 0, + "bearing":0, + "style":"", + "localStyle": "/static/libs/mapbox/night-style1.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/images/map_selected.png" + }, + { + "name": "map_selected1", + "url": "/static/libs/mapbox/images/选中.png" + } + ] + }, + "mapbox": { + "images": [ + {"name": "水库水位@2x", "url": "/static/libs/mapbox/images/水库水位@2x.png"}, + {"name": "污水处理站", "url": "/static/libs/mapbox/images/污水处理站.png"}, + {"name": "堤防备料@2x", "url": "/static/libs/mapbox/images/堤防备料@2x.png"}, + {"name": "物资仓库@2x", "url": "/static/libs/mapbox/images/物资仓库@2x.png"}, + {"name": "blockage", "url": "/static/libs/mapbox/images/blockage.png"}, + {"name": "full", "url": "/static/libs/mapbox/images/full.png"}, + {"name": "full_out", "url": "/static/libs/mapbox/images/full_out.png"}, + {"name": "full_out_risk", "url": "/static/libs/mapbox/images/full_out_risk.png"}, + {"name": "排渍调度", "url": "/static/libs/mapbox/images/排渍调度.png"}, + {"name": "material5", "url": "/static/libs/mapbox/images/1.jpg"}, + {"name": "selectedLocation", "url": "/static/libs/mapbox/images/selectedLocation.png"}, + {"name": "污水厂", "url": "/static/libs/mapbox/images/污水厂.png"}, + {"name": "污水监测", "url": "/static/libs/mapbox/images/污水监测.png"}, + + {"name": "水质异常", "url": "/static/libs/mapbox/images/污水-水质异常.png"}, + {"name": "淤堵风险", "url": "/static/libs/mapbox/images/污水-淤堵风险.png"}, + {"name": "雨水混入", "url": "/static/libs/mapbox/images/污水-雨水混入.png"}, + {"name": "地下水注入", "url": "/static/libs/mapbox/images/雨水-地下水注入.png"}, + {"name": "晴天出流", "url": "/static/libs/mapbox/images/雨水-晴天出流.png"}, + {"name": "污水混入", "url": "/static/libs/mapbox/images/雨水-污水混入.png"}, + + {"name": "地", "url": "/static/libs/mapbox/images/地.png"}, + {"name": "堵", "url": "/static/libs/mapbox/images/堵.png"}, + {"name": "异", "url": "/static/libs/mapbox/images/异.png"}, + {"name": "晴", "url": "/static/libs/mapbox/images/晴.png"}, + {"name": "混", "url": "/static/libs/mapbox/images/混.png"}, + {"name": "满", "url": "/static/libs/mapbox/images/满.png"}, + {"name": "高", "url": "/static/libs/mapbox/images/高.png"}, + + {"name": "泵车在线", "url": "/static/libs/mapbox/images/泵车在线.png", "width": 15,"height": 20}, + {"name": "泵车离线", "url": "/static/libs/mapbox/images/泵车离线.png", "width": 15,"height": 20}, + {"name": "heigh", "url": "/static/libs/mapbox/images/full_out.gif", "width": 50,"height": 50} + ] + } + }, + "ogc": [ + { + "id": "newfiber-XYZLayer", + "type": "XYZLayer1", + "params": { + "id": "newfiber-XYZLayer", + "url": "https://tiles{s}.geovisearth.com/base/v1/img/default/{z}/{x}/{y}?format=webp&tmsIds=w&token=7098e0a9272b2738269fac81a14ee963834feef31e9330461348d679a24e005b", + "subdomains": [ + "1", + "2", + "3" + ], + "minZoom": 1, + "maxZoom": 18, + "tileType": "" + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + }, + { + "id": "高清地图", + "type": "XYZLayer1", + "params": { + "id": "高清地图", + "url": "https://supermap{s}.wh-nf.cn:8090/resource/tms/dhgx/{z}/{x}/{y}.png", + "subdomains": ["0", "1", "2", "3","4","5","6","7","8","9","10","11","12","13","14","15"], + "minZoom": 1, + "maxZoom": 22 + }, + "methods": [ + { + "name": "addTo", + "params": [ + "''||map" + ] + }, + { + "name": "show", + "params": [] + } + ] + } + ], + "l7": [ + { + "id": "", + "key": "蒙版", + "type": "PolygonLayer", + "show": true, + "temporary": true, + "params": { + "zIndex": 100, + "minZoom": 12.5 + }, + "methods": [ + { + "name": "shape", + "params": [ + "fill" + ] + }, + { + "name": "color", + "params": ["rgba(0,0,0,.75)"] + } + ] + }, + { + "id": "", + "key": "尾水路径", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "雨水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "污水系统流向", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 101 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,255,255,1)" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.7, + "duration": 2, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + + { + "id": "", + "key": "分区流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "排口流向1", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(255,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.3, + "duration": 3, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "村域边界", + "type": "LineLayer", + "show": true, + "temporary": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "color", + "''||function(v){return 'rgba(0,255,255,1)'; }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 0.5, + "duration": 3, + "trailLength":0.1 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "水系流向", + "type": "LineLayer", + "temporary": true, + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 2.5 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "area", + "''||function(v){\n let key = [\"雨水\", \"污水\", \"合流\"];\n let colors = ['#061D3D', '#FFFFFF', '#ccff12'];\n return 'rgba(255,255,255,1)'||colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 3, + "duration": 1, + "trailLength": 0.7 + } + ] + }, + { + "name": "style", + "params": [ + { + "strokeWidth": 5 + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "temporary": true, + "show": true, + "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)] || '#E6061A';\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", + "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": "hb_wh_dhgx_merge", + "key": "hb_wh_dhgx_merge", + "type": "fill", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["3"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "paint": { + "fill-color": [ + "get", + "color" + ], + "fill-opacity": [ + "match", + ["get", "c_layer"], + "排水分区_雨水分区_1",0.5, + "排水分区_雨水分区_2",0.25, + "排水分区_雨水分区_3",0.15, + "排水分区_雨水分区_4",0.05, + "排水分区_污水分区_1",0.5, + "排水分区_污水分区_2",0.25, + "排水分区_污水分区_3",0.15, + "排水分区_污水分区_4",0.05, + 0.5 + ] + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_border", + "key": "hb_wh_dhgx_merge", + "type": "line", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", ["轮廓"]]] + ], + "paint": { + "line-color": [ + "match", + ["get","layer"], + "排水分区","rgba(98,101,124,1)", + ["get","color"] + ], + "line-width": [ + "match", + ["get", "layer"], + "排水分区",0.5, + "轮廓",1, + 3.5 + ], + "line-dasharray": [ + "match", + ["get", "c_layer"], + "轮廓", [1, 1], + "尾水路径_路线1", [2, 2], + "排水分区", [2, 2], + [1] + ] + }, + "layout": { + "line-join": [ + "match", + ["get", "c_layer"], + "轮廓", "round", + "尾水路径_路线1", "round", + "butt" + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "hb_wh_dhgx_merge_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 0, + "maxzoom": 24, + "paint": { + "text-halo-color": "#ccefff", + "text-color": "rgba(251, 0, 0, 1)", + "text-halo-width": 1 + }, + "layout": { + "icon-image": [ + "match", + ["get", "c_layer"], + "尾水路径_污水处理厂","污水处理厂扎点@2x", + "尾水路径_净水厂","污水处理厂扎点@2x", + "尾水路径_泵站","污水泵站扎点@2x", + "transparent" + ], + "icon-allow-overlap": false, + "icon-anchor": "center", + "icon-size": 0.8, + "text-allow-overlap": false, + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 14, + "text-justify": "left", + "text-anchor": "top", + "text-line-height": 1.2, + "text-max-width": 50, + "text-offset": [0, 1.2], + "text-optional": true + }, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry", + "geom_column": "geometrys_center" + }, + { + "id": "hb_wh_dhgx_merge_line_text", + "key": "hb_wh_dhgx_merge", + "type": "symbol", + "filter": [ + "all", + ["<=", ["zoom"], ["-", ["get", "max_z"], 0]], + [">=", ["zoom"], ["-", ["get", "min_z"], 0]], + ["in", ["get", "geometry_type"], ["literal", ["2"]]], + ["in", ["get", "c_layer"],["literal", [""]]] + ], + "minzoom": 4, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "c_layer"], + "管网概化图_雨水","hong", + "管网概化图_污水","lan", + "qqq" + ], + "icon-size": 1, + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [1.5,1.5], + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "rgba(0,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 0 + }, + "mType": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "水库管理范围", + "key": "hb_wh_gxq_skglfw1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "水库管理范围_text", + "key": "hb_wh_gxq_skglfw1", + "type": "symbol", + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "乡镇", + "key": "hb_wh_gxq_xiang1", + "type": "fill", + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.5 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "乡镇_text", + "key": "hb_wh_gxq_xiang1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 16, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "村", + "key": "hb_wh_gxq_cun2", + "type": "fill", + "filter": ["in", "type", ""], + "paint": { + "fill-color": ["get","color"], + "fill-opacity": 0.7 + }, + "layout": {}, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "村_text", + "key": "hb_wh_gxq_cun2", + "type": "symbol", + "filter": ["in", "type", ""], + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "rgba(255,0,0,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + + { + "id": "排水分区", + "key": "hb_wh_dhgx_psfq", + "type": "fill", + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "paint": { + "fill-color": ["get", "color"], + "fill-opacity": [ + "match", + ["get", "level"], + "1",0.3, + "2",0.2, + "3",0.2, + "4",0.1, + 0.5 + ] + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "geom_column": "geometrys", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys) as geometry" + }, + { + "id": "排水分区_text", + "key": "hb_wh_dhgx_psfq", + "type": "symbol", + "minzoom": 1, + "filter": [ + "all", + ["in", ["get", "p_type"],["literal", [""]]] + ], + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 13, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,concat(type,p_name) as p_type,st_asText(geometrys_center) as geometry" + }, + + { + "id": "港渠", + "key": "hb_wh_dhgx_gq11", + "type": "fill", + "paint": { + "fill-color": "rgba(31,184,255,1)", + "fill-opacity": 0.8 + }, + "layout": { + "visibility": "none" + }, + "minzoom": 7, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "港渠_text", + "key": "hb_wh_dhgx_gq11", + "type": "symbol", + "minzoom": 1, + + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-max-width": 10, + "text-transform": "uppercase", + "visibility": "none" + }, + "paint": { + "text-color": "rgba(230,8,28,1)", + "text-halo-color": "hsl(0, 0%, 100%)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "湖泊_text", + "key": "hb_wh_gxq_water1", + "type": "symbol", + "minzoom": 1, + "layout": { + "text-field": "{name}", + "text-font": ["KlokanTech Noto Sans Regular"], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": 20, + "text-anchor": "top", + "text-offset": [0,0], + "text-transform": "uppercase" + }, + "paint": { + "text-color": "#22acfa", + "text-halo-color": "rgba(255,255,255,1)", + "text-halo-width": 2 + }, + "mType": "geojsonMvt", + "geom_column": "geometrys_center", + "columns": "*,st_asText(geometrys_center) as geometry" + }, + { + "id": "point", + "key": "point", + "type": "symbol", + "minzoom": 0, + "maxzoom": 24, + "filter": [ + "in", + "type", + "", + "1_泵站", + "1_污水处理厂", + "1_调蓄池", + "rainwater_pipeline_water_level_GWGSWYX", + "问题管线", + "outlet_info1", + "outlet_info2", + "sewage_pump_station_info1", + "rain_water_pump_station_info1", + "waterlog_community", + "waterlog_community_text", + "rainwater_pipeline_quality1", + "rainwater_pipeline_quality_area1", + "sewage_pipeline_quality1", + "storage_tank_info1", + "clickPoint", + "temporary" + ], + "paint": { + "text-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","#FFFFFF", + "#FFFFFF" + ], + "text-halo-blur": 1.5, + "text-halo-color": [ + "match", + [ + "get", + "type" + ], + "waterlog_community_text","rgba(255,0,0,1)", + "rgba(255,0,0,1)" + ], + "text-halo-width": 1.5, + "text-opacity": ["step", ["zoom"], 0, 11, 1] + }, + "layout": { + "icon-image": [ + "match", + ["get", "_image"], + "rain","雨量站扎点@2x", + "waterlog_point","排渍调度", + "port_channel_info","港渠扎点@2x", + "rainwater_pipeline_water_level","雨水管网液位扎点@2x", + "rainwater_pipeline_water_level_GWGSWYX","heigh", + "water_region_info","分区信息扎点@2x", + "waterlogging","渍水监测点扎点@2x", + "waterlogging_point_info","渍水点扎点@2x", + "sewage_pump_station_info","污水泵站扎点@2x", + "sewage_pump_station_info1","污水泵站扎点@2x", + "sewage_factory_info","污水处理厂扎点@2x", + "channel_water_level","港渠水位扎点@2x", + "outlet_quality","排口水质扎点@2x", + "channel_quality","港渠水质扎点@2x", + "outlet_info","排口扎点@2x", + "outlet_info1","排口扎点@2x", + "outlet_info2","排口扎点@2x", + "lake_info","湖泊扎点@2x", + "diversion_well_info","分流井扎点@2x", + "lake_water_level","湖泊水位扎点@2x", + "water_gate_info","水闸扎点@2x", + "storage_tank_info","调蓄池扎点@2x", + "storage_tank_info1","调蓄池扎点@2x", + "1_调蓄池","调蓄池扎点@2x", + "outlet_water_level","排口水质扎点@2x", + "region_info","分区信息扎点@2x", + "rain_water_pump_station_info","雨水泵站扎点@2x", + "rain_water_pump_station_info1","雨水泵站扎点@2x", + "sewage_pipeline_quality","污水管网水质扎点@2x", + "sewage_pipeline_quality_city","污水监测", + "sewage_pipeline_quality1","污水监测", + "drainage_info","排水户扎点@2x", + "rainwater_pipeline_quality","雨水管网水质扎点@2x", + "rainwater_pipeline_quality1","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_city","雨水管网水质扎点@2x", + "rainwater_pipeline_quality_area","接驳口扎点@2x", + "rainwater_pipeline_quality_area1","接驳口扎点@2x", + "reservoir_info","水库扎点@2x", + "reservoir_water_level","水库范围i扎点@2x", + "sewage_factory_station_info","污水处理站", + "1_泵站", "污水泵站扎点@2x", + "1_污水处理厂", "污水厂", + "问题管线", "帮助", + "storehouse", "物资仓库@2x", + "dikeGood", "堤防备料@2x", + "泵车离线", "泵车离线", + "泵车在线", "泵车在线", + "waterlog_community", "渍水点扎点@2x", + "clickPoint", "selectedLocation", + "temporary", "selectedLocation", + + "QTCL","晴", + "WSHR","混", + "DXSZR","地", + + "GJMY","溢", + "GWMG","满", + "GWGSWYX","高", + "GJMYFX","溢", + + "YSHR","混", + "YDFX","堵", + "SZYC","异", + + "tran" + ], + "icon-allow-overlap": true, + "icon-anchor": "center", + "icon-size": [ + "match", + ["get", "_image"], + "泵车离线",0.5, + "泵车在线",0.5, + "1_污水处理厂",0.7, + "sewage_pipeline_quality1",0.7, + "sewage_pipeline_quality_city",0.7, + "GJMY",0.7, + "GWMG",0.7, + "GWGSWYX",0.7, + "GJMYFX",0.7, + "YSHR",0.7, + "YDFX",0.7, + "SZYC",0.7, + 1 + ], + "text-field": "{name}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-allow-overlap": false, + "text-size": 13, + "text-justify": "left", + "text-anchor": "bottom", + "text-line-height": 1.3, + "text-max-width": 10, + "text-offset": [ + "match", + ["get","name"], + "绣球山污水泵站",[0,3], + "湖滨泵站",[0,3], + "关东泵站",[0,3], + [3.5,-1.0] + ] + }, + "mType": "geojson" + }, + { + "id": "polygon", + "key": "polygon", + "filter": [ + "in", + "type", + "", + "waterlog_community", + "temporary" + ], + "type": "fill", + "paint": { + "fill-opacity": 0.5, + "fill-color": [ + "get", + "color" + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "linestring", + "key": "linestring", + "type": "line", + "filter": [ + "in", + "type", + "", + "分区流向", + "排口流向", + "waterlog_community", + "污水系统流向1", + "temporary" + ], + "paint": { + "line-color": [ + "get", + "color" + ], + "line-width": [ + "coalesce", + ["get","width"], + 4 + ] + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "geojson" + }, + { + "id": "pipeline_info1", + "key": "hb_wh_dhgx_pipe_line1", + "source-layer": "hb_wh_dhgx_pipe_line1", + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point1", + "key": "hb_wh_dhgx_pipe_point1", + "source-layer": "hb_wh_dhgx_pipe_point1", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["污水","雨水"]]] + ], + "paint": {"text-color": "#fff"}, + "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": "mvt", + "columns": "*,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "line", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", ["",""]]] + ], + "paint": { + "line-color": [ + "match", + ["get", "管段类型"], + "YS", "#37BE5F", + "WS", "#E6061A", + "HS", "#ccff12", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hb_wh_dhgx_pipe_point_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "类型"],["literal", ["",""]]] + ], + "paint": {"text-color": "#333"}, + "layout": { + "icon-image": [ + "match", + ["concat", ["get", "类型"], ["get", "附属物"]], + "YS进水口", "ys_排水口", + "YS检修井", "ysj", + "YS", "ysj", + "YS污水篦", "雨水箅", + "YS窨井", "ysj", + "YS出水口", "ys_排水口", + "YS雨水箅", "雨水箅", + + "WS进水口", "ws_排水口", + "WS检修井", "wsj", + "WS", "wsj", + "WS污水篦", "污水箅", + "WS窨井", "wsj", + "WS出水口", "ws_排水口", + "污水WS雨水箅", "污水箅", + "预留口" + ], + "icon-size": 1, + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15.5, + "maxzoom": 24, + "mType": "geojsonMvt", + "columns": "point_number AS 外业点号,appendage AS 附属物, point_type AS 类型, area_water as 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_info_text", + "key": "hb_wh_dhgx_pipe_line_n_y_w", + "type": "symbol", + "filter": [ + "all", + ["in", ["get", "管段类型"],["literal", [""]]] + ], + "minzoom": 15.6, + "maxzoom": 24, + "layout": { + "symbol-placement": "line-center", + "symbol-spacing": 40, + "icon-image": [ + "match", + ["get", "管段类型"], + "YS","hong", + "WS","lan", + "qqq" + ], + "icon-rotate": [ + "match", + ["get", "流向"], + 0,180, + 1,0, + 0 + ], + "icon-size": 1, + "text-field": "{管线材质} {管径}", + "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": "segment_code AS 管段编码, pipeline_texture AS 管线材质, pipeline_diameter AS 管径, section_type AS 管段类型, flow_direction AS 流向, drainage_system AS 流域, ys as 雨水系统, ws as 污水系统,st_asText(geometrys) as geometry" + }, + { + "id": "建筑物", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-pattern": "material5", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-base": 0, + "fill-extrusion-color": "rgba(23,170,244, 1)", + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + }, + { + "id": "建筑物_top", + "key": "hb_wh_dhgx_buildings", + "type": "fill-extrusion", + "minzoom": 10, + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-color": "rgba(213,213,213,1)", + "fill-extrusion-height": [ + "+", + [ + "get", + "height" + ], + 10.1 + ], + "fill-extrusion-base": [ + "+", + [ + "get", + "height" + ], + 10 + ], + "fill-extrusion-opacity": 1 + }, + "mType": "geojsonMvt", + "columns": "height" + } + ], + "orders": [ + ["all_boundary"], + ["hb_wh_dhgx_merge_border"], + ["hb_wh_dhgx_merge_text"], + ["poi_label"], + ["place_label_city"], + ["road_major_label"], + ["place_label_other"], + ["排水分区_text"], + ["point"] + ], + "filter": { + "污水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"], ["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"],["排水分区_污水分区_1","排水分区_污水分区_2","排水分区_污水分区_3","排水分区_污水分区_4"]] + }, + "雨水分区1": { + "layerName": ["hb_wh_dhgx_merge", "hb_wh_dhgx_merge_border", "hb_wh_dhgx_merge_text"], + "filter": [["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"], ["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"],["排水分区_雨水分区_1","排水分区_雨水分区_2","排水分区_雨水分区_3","排水分区_雨水分区_4"]] + }, + + "污水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["WS1"],["WS1"]] + }, + "雨水分区": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [["YS1"],["YS1"]] + }, + "排水分区_close": { + "layerName": ["排水分区", "排水分区_text"], + "filter": [ + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"], + ["WS龙王咀污水系统", "WS荣军2#片", "WS龙王咀片", "WS荣军4#片", "WS荣军1#片", "WS虹景1#片", "WS荣军3#片", "WS鲁巷片", "WS关南片", "WS", "YS1", "YS", "WS民院1#片", "YS豹澥湖汇水区", "WS绣球山片", "WS关南2#片", "YS茶山刘闸3#片", "YS茶山刘", "YS龙王咀", "YS民院闸10#片", "YS民院闸11#片", "YS民院闸6#片", "YS龙王咀2#片", "YS民院闸5#片", "YS民院闸7#片", "YS尾水箱涵片", "WS关东片", "YS民院闸8#片", "YS水蓝郡片", "YS民院闸1#片", "YS民院闸4#片", "YS民院闸3#片", "YS南湖汇水区", "YS民院闸片", "YS龙王咀1#片", "YS茶山刘闸2#片", "YS民院闸2#片", "WS民院片", "WS关南1#片", "WS关南3#片", "WS虹景2#片", "WS关南4#片", "YS民院闸9#片", "YS水蓝郡", "YS尾水箱涵", "YS南湖大道", "YS锦绣良缘", "YS财经政法片", "WS华科片", "WS民院2#片", "YS茶山刘闸4#片", "YS南湖大道片", "YS锦绣良缘片", "WS1", "YS茶山刘闸1#片", "WS荣军片", "WS虹景片", "YS财经政法"] + ] + }, + "渍水风险点": { + "layerName": ["渍水风险点_symbol", "渍水风险点_line", "渍水风险点_fill"], + "filter": [[],[],[]] + }, + "尾水路径": { + "layerName": ["hb_wh_dhgx_merge_text", "hb_wh_dhgx_merge_border","hb_wh_dhgx_merge_line_text"], + "filter": [ + ["尾水路径_污水处理厂", "尾水路径_泵站", "尾水路径_标注", "尾水路径_净水厂"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"], + ["尾水路径_路线","尾水路径_路线1", "尾水路径_河道"] + ] + }, + "雨水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["YS"],["YS"],["YS"]]}, + "污水管网":{"layerName": ["pipeline_info","pipeline_point", "pipeline_info_text"], "filter": [["WS","HS"],["WS","HS"],["WS","HS"]]}, + "污水系统流向1": { + "layerName": ["linestring"], + "filter": [ + ["污水系统流向1"] + ] + }, + "污水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["污水"], ["污水"], ["污水"]] + }, + "雨水管网1": { + "layerName": ["pipeline_info1", "pipeline_point1"], + "filter": [["雨水"], ["雨水"], ["雨水"]] + }, + + "花山镇":{"layerName": ["村", "村_text"], "filter": [["花山镇"],["花山镇"]]}, + "滨湖街":{"layerName": ["村", "村_text"], "filter": [["滨湖街"],["滨湖街"]]}, + "牛山湖养殖场":{"layerName": ["村", "村_text"], "filter": [["牛山湖养殖场"],["牛山湖养殖场"]]}, + "流芳街":{"layerName": ["村", "村_text"], "filter": [["流芳街"],["流芳街"]]}, + "九峰乡":{"layerName": ["村", "村_text"], "filter": [["九峰乡"],["九峰乡"]]}, + "关东街":{"layerName": ["村", "村_text"], "filter": [["关东街"],["关东街"]]}, + "佛祖岭街":{"layerName": ["村", "村_text"], "filter": [["佛祖岭街"],["佛祖岭街"]]}, + "豹澥镇":{"layerName": ["村", "村_text"], "filter": [["豹澥镇"],["豹澥镇"]]}, + "左岭镇":{"layerName": ["村", "村_text"], "filter": [["左岭镇"],["左岭镇"]]}, + "豹澥湖":{"layerName": ["村", "村_text"], "filter": [["豹澥湖"],["豹澥湖"]]}, + + + "东湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "梁子湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严西湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严家湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "牛山湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "豹澥湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "南湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "车墩湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "汤逊湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "严东湖":{"layerName": ["港渠", "港渠_text"], "filter": [[],[]]}, + "五加湖": {"layerName": ["港渠", "港渠_text"], "filter": [[],[]]} + } +} diff --git a/src/components/Map/Map.vue b/src/components/Map/Map.vue index fe53ade..5552a13 100644 --- a/src/components/Map/Map.vue +++ b/src/components/Map/Map.vue @@ -168,12 +168,13 @@ let params = []; if (columns) params.push(`columns=${columns}`); if (geom_column) params.push(`geom_column=${geom_column}`); + params.push(`t=${new Date().getTime()}`); return (config.params.geojson + `/${key}${!isGeojsonCache ? "_" + (geom_column || "geometrys") + ".geojson" : ""}?` + params.join("&")); }); url = Array.from(new Set(url)); let fetchs = url.map((url) => axios.get(url)); let results = await Promise.all(fetchs); - url.forEach((url, index) => (config.geojsonMvts[url] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); + url.forEach((url, index) => (config.geojsonMvts[url.split((url.includes('&t=')?'&':'')+'t=')[0]] = {...results[index].data, features: results[index].data.features && results[index].data.features.map((i) => ({...i, properties: {...i.properties, name: i.properties.name ? i.properties.name.replaceAll("\\n", "\n") : undefined}}))})); } async function setGifImage(item) { diff --git a/src/utils/fixDict.js b/src/utils/fixDict.js index 2079b53..1aa3b7a 100644 --- a/src/utils/fixDict.js +++ b/src/utils/fixDict.js @@ -209,6 +209,20 @@ value: '4', }, ], + + //是否字段 + isState: [ + { + label: '是', + value: '1', + elTagType: 'primary', + }, + { + label: '否', + value: '0', + elTagType: 'info', + }, + ], // factorEchartsColor:[//对应的监测因子echarts颜色 // { diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue index af2427d..a5d2df8 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue @@ -76,7 +76,7 @@
- {{ AllData.jinZhan.nowDay }} + {{ AllData.jinZhan.nowDay ? AllData.jinZhan.nowDay : '--' }} 万吨
@@ -85,7 +85,7 @@
- {{ AllData.jinZhan.yesterday }} + {{ AllData.jinZhan.yesterday ? AllData.jinZhan.yesterday : '--' }} 万吨
@@ -94,7 +94,7 @@
- {{ AllData.jinZhan.average }} + {{ AllData.jinZhan.average ? AllData.jinZhan.average : '--' }} 万吨
diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue index bfd8be4..d2f031c 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/component/JichuXinxi.vue @@ -1092,109 +1092,85 @@
排水户名称
- {{ dialogFormDetail.name }} -
-
-
-
申请单位
-
- {{ dialogFormDetail.applyUnit }} + {{ dialogFormDetail.pshName }}
街道
-
- {{ dialogFormDetail.street }} +
+ {{ dialogFormDetail.regionCodeName }}
-
交件人
+
详细地址
+
+ {{ dialogFormDetail.locationDetail }} +
+
+
+
联系人
{{ dialogFormDetail.dutyPerson }}
-
交件人电话
+
联系人电话
- {{ dialogFormDetail.dutyPersonPhone }} + {{ dialogFormDetail.dutyTellPhone }}
-
分级
+
行业类别
- + {{ dialogFormDetail.industryType }}
-
分类
+
是否为重点排水户
- +
-
类别
+
是否办理排水证
- {{ dialogFormDetail.type }} +
-
排水口
+
办证年份
- {{ dialogFormDetail.outlet }} + {{ dialogFormDetail.taskYear }}
-
排水管
+
排水证编号
- {{ dialogFormDetail.drain }} + {{ dialogFormDetail.drainWaterCard }}
-
排水量
+
排污类型
- {{ dialogFormDetail.volume }} + {{ dialogFormDetail.drainageTypeName }}
-
排水去向
+
营业执照编号
- {{ dialogFormDetail.direction }} + {{ dialogFormDetail.businessLicense }}
-
设置预
+
经营开始时间
- {{ dialogFormDetail.setPre }} + {{ parseTime(dialogFormDetail.businessStartTime, '{y}-{m}-{d}') }}
-
内部是
+
经营结束时间
- -
-
-
-
是否有
-
- -
-
-
-
是否列
-
- -
-
-
-
有效开始日期
-
- {{ parseTime(dialogFormDetail.validityTime, '{y}-{m}-{d} {h}:{i}:{s}') }} -
-
-
-
有效截止时间
-
- {{ parseTime(dialogFormDetail.validityDeadline, '{y}-{m}-{d} {h}:{i}:{s}') }} + {{ parseTime(dialogFormDetail.businessEndTime, '{y}-{m}-{d}') }}
@@ -1633,6 +1609,7 @@ const leixingyi = proxy.fixDict['leixingyi']; const leixinger = proxy.fixDict['leixinger']; const leixingsan = proxy.fixDict['leixingsan']; +const isState= proxy.fixDict["isState"] const { lake_level, diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue index e99f04d..0faf3e1 100644 --- a/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue +++ b/src/views/pictureOnMap/page/components/DialogTabs/component/PointAndLine.vue @@ -207,7 +207,7 @@ '起始井号', '终止井号', '管线材质', - '管径', + '管径(mm)', '起点埋深', '终点埋深', '起点高程', @@ -229,7 +229,7 @@ { name: '起始井号', value: properties.startPointNumber }, { name: '终止井号', value: properties.endPointNumber }, { name: '管线材质', value: properties.pipelineTexture }, - { name: '管径', value: properties.pipelineDiameter }, + { name: '管径(mm)', value: properties.pipelineDiameter }, { name: '起点埋深', value: properties.startGroundDepth }, { name: '终点埋深', value: properties.endGroundDepth }, { name: '起点高程', value: properties.startCopNoseElevation }, @@ -241,7 +241,7 @@ value: ownership.value.filter(item => { return item.value == properties.ownershipUnits; - })[0].label || '-', + })[0]?.label || '-', }, { name: '管段长度', value: properties.pipelineLength }, { name: '建设年代', value: properties.constructionDate }, @@ -318,10 +318,7 @@ { name: '附属物', value: obj.appendage || '-' }, { name: '管网归属', - value: - ownership.value.filter(item => { - return item.value == obj.ownershipUnits; - })[0].label || '-', + value: obj.ownershipUnits, }, { name: '维护管理单位', value: obj.operationalUnits || '-' }, @@ -355,7 +352,7 @@ value: ownership.value.filter(item => { return item.value == obj2.ownershipUnits; - })[0].label || '-', + })[0]?.label || '-', }, { name: '管段长度(m)', value: obj2.pipelineLength || '-' }, { name: '断面类型', value: obj2.sectionType || '-' }, diff --git a/vite.config.js b/vite.config.js index bdfa4ec..9ba7c16 100644 --- a/vite.config.js +++ b/vite.config.js @@ -5,9 +5,9 @@ import autoprefixer from 'autoprefixer'; const Timestamp = new Date().getTime(); //随机时间戳 -let ipLink = 'https://server1.wh-nf.cn:8201/prod-api'; +// let ipLink = 'https://server1.wh-nf.cn:8201/prod-api'; // let ipLink = 'http://192.168.16.135:9100'; -// let ipLink = 'http://192.168.16.124:9100'; +let ipLink = 'http://192.168.16.124:9100'; // let ipLink = 'http://192.168.20.43:9100'; // 刘总 /* */ // https://vitejs.dev/config/ @@ -136,4 +136,3 @@ }, }; }); - \ No newline at end of file