diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.json b/public/static/libs/mapbox/style/sprite/sprite5.json new file mode 100644 index 0000000..e71c262 --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.json @@ -0,0 +1,114 @@ +{ + "origine_icon": { + "x": 0, + "y": 0, + "width": 14, + "height": 14, + "pixelRatio": 1, + "sdf": false + }, + "rainStation_icon": { + "x": 14, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "spongeFacility_icon": { + "x": 28, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterFactory_icon": { + "x": 42, + "y": 0, + "width": 15, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterLoging_icon": { + "x": 57, + "y": 0, + "width": 12, + "height": 16, + "pixelRatio": 1, + "sdf": false + }, + "hsj": { + "x": 69, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "wsj": { + "x": 99, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "ysj": { + "x": 129, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "rainBengZhan_icon": { + "x": 159, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "combineBengZhan_icon": { + "x": 194, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageBenZhan_icon": { + "x": 0, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageFactory_icon": { + "x": 35, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "waterCourse_icon": { + "x": 70, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "map_selected": { + "x": 105, + "y": 39, + "width": 48, + "height": 48, + "pixelRatio": 1, + "sdf": false + } +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.json b/public/static/libs/mapbox/style/sprite/sprite5.json new file mode 100644 index 0000000..e71c262 --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.json @@ -0,0 +1,114 @@ +{ + "origine_icon": { + "x": 0, + "y": 0, + "width": 14, + "height": 14, + "pixelRatio": 1, + "sdf": false + }, + "rainStation_icon": { + "x": 14, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "spongeFacility_icon": { + "x": 28, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterFactory_icon": { + "x": 42, + "y": 0, + "width": 15, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterLoging_icon": { + "x": 57, + "y": 0, + "width": 12, + "height": 16, + "pixelRatio": 1, + "sdf": false + }, + "hsj": { + "x": 69, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "wsj": { + "x": 99, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "ysj": { + "x": 129, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "rainBengZhan_icon": { + "x": 159, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "combineBengZhan_icon": { + "x": 194, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageBenZhan_icon": { + "x": 0, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageFactory_icon": { + "x": 35, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "waterCourse_icon": { + "x": 70, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "map_selected": { + "x": 105, + "y": 39, + "width": 48, + "height": 48, + "pixelRatio": 1, + "sdf": false + } +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.png b/public/static/libs/mapbox/style/sprite/sprite5.png new file mode 100644 index 0000000..35b760e --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.png Binary files differ diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.json b/public/static/libs/mapbox/style/sprite/sprite5.json new file mode 100644 index 0000000..e71c262 --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.json @@ -0,0 +1,114 @@ +{ + "origine_icon": { + "x": 0, + "y": 0, + "width": 14, + "height": 14, + "pixelRatio": 1, + "sdf": false + }, + "rainStation_icon": { + "x": 14, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "spongeFacility_icon": { + "x": 28, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterFactory_icon": { + "x": 42, + "y": 0, + "width": 15, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterLoging_icon": { + "x": 57, + "y": 0, + "width": 12, + "height": 16, + "pixelRatio": 1, + "sdf": false + }, + "hsj": { + "x": 69, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "wsj": { + "x": 99, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "ysj": { + "x": 129, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "rainBengZhan_icon": { + "x": 159, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "combineBengZhan_icon": { + "x": 194, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageBenZhan_icon": { + "x": 0, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageFactory_icon": { + "x": 35, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "waterCourse_icon": { + "x": 70, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "map_selected": { + "x": 105, + "y": 39, + "width": 48, + "height": 48, + "pixelRatio": 1, + "sdf": false + } +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.png b/public/static/libs/mapbox/style/sprite/sprite5.png new file mode 100644 index 0000000..35b760e --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.png Binary files differ diff --git a/src/views/gisMapPage/gisMapBox1.vue b/src/views/gisMapPage/gisMapBox1.vue index 9210bb6..bd7829a 100644 --- a/src/views/gisMapPage/gisMapBox1.vue +++ b/src/views/gisMapPage/gisMapBox1.vue @@ -80,12 +80,12 @@ type: 'fill', source: 'kaifengWater', paint: { - 'fill-color': '#0c3b7a', + 'fill-color': 'rgba(117, 207, 240,1)', }, }); addRiverFlow(); addWaterLabel(); - addAreaBoundary(); + //addAreaBoundary(); await loadData(); props.loadCallback && props.loadCallback(); @@ -269,9 +269,11 @@ }; const setLegendData = list => { - list.forEach( - i => - i.data && + console.log('list---', list); + list.forEach(i => { + console.log('iii---', i); + i.data && + i.data.features && i.data.features.forEach(a => { if (!!!a || !!!a.properties) return; a.properties.type = a.properties.type || i.layername; @@ -284,8 +286,8 @@ a.properties.sectionName || a.properties.pumpName || a.properties.projectName; - }) - ); + }); + }); let types = {}; list @@ -394,8 +396,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -422,8 +424,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -433,10 +435,10 @@ const addRiverFlow = () => { let layer = new mapboxL7.LineLayer({}) .source(riverFlow) - .size(3) + .size(6) .shape('line') .texture('arrow') - .color('rgb(22,119,255)') + .color('rgb(117, 207, 240)') .animate({ interval: 1, // 间隔 duration: 1.5, // 持续时间，延时 @@ -445,7 +447,7 @@ .style({ opacity: 0.6, lineTexture: true, // 开启线的贴图功能 - iconStep: 20, // 设置贴图纹理的间距 + iconStep: 200, // 设置贴图纹理的间距 borderWidth: 0.4, // 默认文 0，最大有效值为 0.5 borderColor: '#fff', // 默认为 #ccc }); diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.json b/public/static/libs/mapbox/style/sprite/sprite5.json new file mode 100644 index 0000000..e71c262 --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.json @@ -0,0 +1,114 @@ +{ + "origine_icon": { + "x": 0, + "y": 0, + "width": 14, + "height": 14, + "pixelRatio": 1, + "sdf": false + }, + "rainStation_icon": { + "x": 14, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "spongeFacility_icon": { + "x": 28, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterFactory_icon": { + "x": 42, + "y": 0, + "width": 15, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterLoging_icon": { + "x": 57, + "y": 0, + "width": 12, + "height": 16, + "pixelRatio": 1, + "sdf": false + }, + "hsj": { + "x": 69, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "wsj": { + "x": 99, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "ysj": { + "x": 129, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "rainBengZhan_icon": { + "x": 159, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "combineBengZhan_icon": { + "x": 194, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageBenZhan_icon": { + "x": 0, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageFactory_icon": { + "x": 35, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "waterCourse_icon": { + "x": 70, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "map_selected": { + "x": 105, + "y": 39, + "width": 48, + "height": 48, + "pixelRatio": 1, + "sdf": false + } +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.png b/public/static/libs/mapbox/style/sprite/sprite5.png new file mode 100644 index 0000000..35b760e --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.png Binary files differ diff --git a/src/views/gisMapPage/gisMapBox1.vue b/src/views/gisMapPage/gisMapBox1.vue index 9210bb6..bd7829a 100644 --- a/src/views/gisMapPage/gisMapBox1.vue +++ b/src/views/gisMapPage/gisMapBox1.vue @@ -80,12 +80,12 @@ type: 'fill', source: 'kaifengWater', paint: { - 'fill-color': '#0c3b7a', + 'fill-color': 'rgba(117, 207, 240,1)', }, }); addRiverFlow(); addWaterLabel(); - addAreaBoundary(); + //addAreaBoundary(); await loadData(); props.loadCallback && props.loadCallback(); @@ -269,9 +269,11 @@ }; const setLegendData = list => { - list.forEach( - i => - i.data && + console.log('list---', list); + list.forEach(i => { + console.log('iii---', i); + i.data && + i.data.features && i.data.features.forEach(a => { if (!!!a || !!!a.properties) return; a.properties.type = a.properties.type || i.layername; @@ -284,8 +286,8 @@ a.properties.sectionName || a.properties.pumpName || a.properties.projectName; - }) - ); + }); + }); let types = {}; list @@ -394,8 +396,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -422,8 +424,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -433,10 +435,10 @@ const addRiverFlow = () => { let layer = new mapboxL7.LineLayer({}) .source(riverFlow) - .size(3) + .size(6) .shape('line') .texture('arrow') - .color('rgb(22,119,255)') + .color('rgb(117, 207, 240)') .animate({ interval: 1, // 间隔 duration: 1.5, // 持续时间，延时 @@ -445,7 +447,7 @@ .style({ opacity: 0.6, lineTexture: true, // 开启线的贴图功能 - iconStep: 20, // 设置贴图纹理的间距 + iconStep: 200, // 设置贴图纹理的间距 borderWidth: 0.4, // 默认文 0，最大有效值为 0.5 borderColor: '#fff', // 默认为 #ccc }); diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 37f47cb..2841368 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -2,7 +2,8 @@
- + + diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.json b/public/static/libs/mapbox/style/sprite/sprite5.json new file mode 100644 index 0000000..e71c262 --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.json @@ -0,0 +1,114 @@ +{ + "origine_icon": { + "x": 0, + "y": 0, + "width": 14, + "height": 14, + "pixelRatio": 1, + "sdf": false + }, + "rainStation_icon": { + "x": 14, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "spongeFacility_icon": { + "x": 28, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterFactory_icon": { + "x": 42, + "y": 0, + "width": 15, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterLoging_icon": { + "x": 57, + "y": 0, + "width": 12, + "height": 16, + "pixelRatio": 1, + "sdf": false + }, + "hsj": { + "x": 69, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "wsj": { + "x": 99, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "ysj": { + "x": 129, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "rainBengZhan_icon": { + "x": 159, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "combineBengZhan_icon": { + "x": 194, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageBenZhan_icon": { + "x": 0, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageFactory_icon": { + "x": 35, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "waterCourse_icon": { + "x": 70, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "map_selected": { + "x": 105, + "y": 39, + "width": 48, + "height": 48, + "pixelRatio": 1, + "sdf": false + } +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.png b/public/static/libs/mapbox/style/sprite/sprite5.png new file mode 100644 index 0000000..35b760e --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.png Binary files differ diff --git a/src/views/gisMapPage/gisMapBox1.vue b/src/views/gisMapPage/gisMapBox1.vue index 9210bb6..bd7829a 100644 --- a/src/views/gisMapPage/gisMapBox1.vue +++ b/src/views/gisMapPage/gisMapBox1.vue @@ -80,12 +80,12 @@ type: 'fill', source: 'kaifengWater', paint: { - 'fill-color': '#0c3b7a', + 'fill-color': 'rgba(117, 207, 240,1)', }, }); addRiverFlow(); addWaterLabel(); - addAreaBoundary(); + //addAreaBoundary(); await loadData(); props.loadCallback && props.loadCallback(); @@ -269,9 +269,11 @@ }; const setLegendData = list => { - list.forEach( - i => - i.data && + console.log('list---', list); + list.forEach(i => { + console.log('iii---', i); + i.data && + i.data.features && i.data.features.forEach(a => { if (!!!a || !!!a.properties) return; a.properties.type = a.properties.type || i.layername; @@ -284,8 +286,8 @@ a.properties.sectionName || a.properties.pumpName || a.properties.projectName; - }) - ); + }); + }); let types = {}; list @@ -394,8 +396,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -422,8 +424,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -433,10 +435,10 @@ const addRiverFlow = () => { let layer = new mapboxL7.LineLayer({}) .source(riverFlow) - .size(3) + .size(6) .shape('line') .texture('arrow') - .color('rgb(22,119,255)') + .color('rgb(117, 207, 240)') .animate({ interval: 1, // 间隔 duration: 1.5, // 持续时间，延时 @@ -445,7 +447,7 @@ .style({ opacity: 0.6, lineTexture: true, // 开启线的贴图功能 - iconStep: 20, // 设置贴图纹理的间距 + iconStep: 200, // 设置贴图纹理的间距 borderWidth: 0.4, // 默认文 0，最大有效值为 0.5 borderColor: '#fff', // 默认为 #ccc }); diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 37f47cb..2841368 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -2,7 +2,8 @@
- + + diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index 26d2dc8..6cfe6d3 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -47,14 +47,14 @@ ); onMounted(() => { - newfiberMap.setView({ - lng: 114.312, - lat: 34.502, - heading: 2.281299097855777, - zoom: 16358.12942752382, - pitch: -25.2508969308367, - roll: 0.005453465256790101, - }); + // newfiberMap.setView({ + // lng: 114.312, + // lat: 34.502, + // heading: 2.281299097855777, + // zoom: 16358.12942752382, + // pitch: -25.2508969308367, + // roll: 0.005453465256790101, + // }); // setTimeout(() => { // bus.emit('setIniteLayer', [ // { diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.json b/public/static/libs/mapbox/style/sprite/sprite5.json new file mode 100644 index 0000000..e71c262 --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.json @@ -0,0 +1,114 @@ +{ + "origine_icon": { + "x": 0, + "y": 0, + "width": 14, + "height": 14, + "pixelRatio": 1, + "sdf": false + }, + "rainStation_icon": { + "x": 14, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "spongeFacility_icon": { + "x": 28, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterFactory_icon": { + "x": 42, + "y": 0, + "width": 15, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterLoging_icon": { + "x": 57, + "y": 0, + "width": 12, + "height": 16, + "pixelRatio": 1, + "sdf": false + }, + "hsj": { + "x": 69, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "wsj": { + "x": 99, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "ysj": { + "x": 129, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "rainBengZhan_icon": { + "x": 159, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "combineBengZhan_icon": { + "x": 194, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageBenZhan_icon": { + "x": 0, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageFactory_icon": { + "x": 35, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "waterCourse_icon": { + "x": 70, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "map_selected": { + "x": 105, + "y": 39, + "width": 48, + "height": 48, + "pixelRatio": 1, + "sdf": false + } +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.png b/public/static/libs/mapbox/style/sprite/sprite5.png new file mode 100644 index 0000000..35b760e --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.png Binary files differ diff --git a/src/views/gisMapPage/gisMapBox1.vue b/src/views/gisMapPage/gisMapBox1.vue index 9210bb6..bd7829a 100644 --- a/src/views/gisMapPage/gisMapBox1.vue +++ b/src/views/gisMapPage/gisMapBox1.vue @@ -80,12 +80,12 @@ type: 'fill', source: 'kaifengWater', paint: { - 'fill-color': '#0c3b7a', + 'fill-color': 'rgba(117, 207, 240,1)', }, }); addRiverFlow(); addWaterLabel(); - addAreaBoundary(); + //addAreaBoundary(); await loadData(); props.loadCallback && props.loadCallback(); @@ -269,9 +269,11 @@ }; const setLegendData = list => { - list.forEach( - i => - i.data && + console.log('list---', list); + list.forEach(i => { + console.log('iii---', i); + i.data && + i.data.features && i.data.features.forEach(a => { if (!!!a || !!!a.properties) return; a.properties.type = a.properties.type || i.layername; @@ -284,8 +286,8 @@ a.properties.sectionName || a.properties.pumpName || a.properties.projectName; - }) - ); + }); + }); let types = {}; list @@ -394,8 +396,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -422,8 +424,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -433,10 +435,10 @@ const addRiverFlow = () => { let layer = new mapboxL7.LineLayer({}) .source(riverFlow) - .size(3) + .size(6) .shape('line') .texture('arrow') - .color('rgb(22,119,255)') + .color('rgb(117, 207, 240)') .animate({ interval: 1, // 间隔 duration: 1.5, // 持续时间，延时 @@ -445,7 +447,7 @@ .style({ opacity: 0.6, lineTexture: true, // 开启线的贴图功能 - iconStep: 20, // 设置贴图纹理的间距 + iconStep: 200, // 设置贴图纹理的间距 borderWidth: 0.4, // 默认文 0，最大有效值为 0.5 borderColor: '#fff', // 默认为 #ccc }); diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 37f47cb..2841368 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -2,7 +2,8 @@
- + + diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index 26d2dc8..6cfe6d3 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -47,14 +47,14 @@ ); onMounted(() => { - newfiberMap.setView({ - lng: 114.312, - lat: 34.502, - heading: 2.281299097855777, - zoom: 16358.12942752382, - pitch: -25.2508969308367, - roll: 0.005453465256790101, - }); + // newfiberMap.setView({ + // lng: 114.312, + // lat: 34.502, + // heading: 2.281299097855777, + // zoom: 16358.12942752382, + // pitch: -25.2508969308367, + // roll: 0.005453465256790101, + // }); // setTimeout(() => { // bus.emit('setIniteLayer', [ // { diff --git a/src/views/sponeScreen/gisMF/cesiumMapLegend.js b/src/views/sponeScreen/gisMF/cesiumMapLegend.js index c359cf8..6a5ad20 100644 --- a/src/views/sponeScreen/gisMF/cesiumMapLegend.js +++ b/src/views/sponeScreen/gisMF/cesiumMapLegend.js @@ -1,3 +1,6 @@ +import YSFQ1 from '@/assets/geojson/kaifeng/kaifengPSFQ1.json'; +import YSFQ2 from '@/assets/geojson/kaifeng/kaifengPSFQ2.json'; +import YSFQ3 from '@/assets/geojson/kaifeng/kaifengPSFQ3.json'; import builtCity from '@/assets/geojson/kaifeng/builtCity.json'; import centerCity from '@/assets/geojson/kaifeng/centerCity.json'; import cityArea from '@/assets/geojson/kaifeng/cityArea.json'; @@ -238,6 +241,7 @@ url: 'paiShuiArea1_icon.png', layername: 'cesiumPaishuiArea1', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ1, }, { isCheck: false, @@ -254,6 +258,7 @@ url: 'paiShuiArea2_icon.png', layername: 'cesiumPaishuiArea2', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ2, }, { isCheck: false, @@ -270,6 +275,7 @@ url: 'paiShuiArea3_icon.png', layername: 'cesiumPaishuiArea3', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ3, }, // { // isCheck: false, @@ -349,17 +355,17 @@ { isCheck: false, name: '管网流向', - layername: 'pipeLineFlow', + layername: 'pipeline_info_flow_ys', url: 'pipeLineFlow_icon.png', type: 'dynamicLine', - data: pipeFlow, + //data: pipeFlow, }, ], [ { isCheck: false, name: '雨水管网', - layername: 'henan_kaifeng_ysline', //图层+json √ + layername: 'ysLine1', //图层+json √ url: 'rainLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', @@ -380,7 +386,7 @@ { isCheck: false, name: '污水管网', - layername: 'henan_kaifeng_wsline', //图层+json √ + layername: 'wsLine1', //图层+json √ url: 'sewageLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', @@ -401,7 +407,7 @@ { isCheck: false, name: '合流管网', - layername: 'henan_kaifeng_hsline', //图层+json √ + layername: 'hsLine1', //图层+json √ url: 'combineLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json index fa5246e..59c72a5 100644 --- a/public/static/libs/mapbox/style/HaiMianScreen.json +++ b/public/static/libs/mapbox/style/HaiMianScreen.json @@ -3,16 +3,16 @@ "basemap": "https://supermap2.wh-nf.cn:8090/bm", "mvt": "https://supermap0.wh-nf.cn:8090/vt", "sprites": [ - "/static/libs/mapbox/style/sprite/sprite4" + "/static/libs/mapbox/style/sprite/sprite5" ], "init": { "center": [ 114.312, 34.802 ], - "zoom": 11.451412188068154, - "pitch": 40, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "zoom": 12.9, + "pitch": 55, + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -60,10 +60,221 @@ "params": [] } ] + }, + { + "id": "newfiber-WMTSLayer", + "type": "WMTSLayer", + "params": { + "id": "newfiber-WMTSLayer", + "url": "https://t{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=5095c97223409ac114493d71ecb9cd87", + "subdomains": [ + "0", + "1", + "2", + "3", + "4", + "5", + "6", + "7" + ] + }, + "methods": [] + }, + { + "id": "newfiber-CanvasLayer", + "type": "CanvasLayer", + "params": { + "id": "newfiber-CanvasLayer", + "bbox": [ + 110.98300209463804, + 32.415967161418266, + 111.34992583909221, + 32.599933881244255 + ], + "width": 3000, + "height": 1172, + "images": "''||Array(16).fill().map((i,idx)=> `https://server1.wh-nf.cn:9000/newfiber-standard/2024/01/06/step${idx+1}.png`)" + }, + "methods": [] + }, + { + "id": "newfiber-WMSLayer", + "type": "WMSLayer", + "params": { + "id": "newfiber-WMSLayer", + "url": "http://server1.wh-nf.cn:8023/geoserver/xiaoganMapServer/wms", + "layers": "xiaoganMapServer:GKFQ1" + }, + "methods": [] } ], "l7": [ { + "id": "hubei_xiaogan_roads", + "key": "hubei_xiaogan_roads", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 10 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "color", + "params": [ + "fclass", + "''||function(v){\n let key = [\"trunk\", \"footway\", \"secondary\", \"trunk_link\", \"tertiary\", \"secondary_link\", \"tertiary_link\", \"living_street\", \"pedestrian\", \"primary\", \"residential\", \"track\", \"primary_link\", \"motorway_link\", \"motorway\", \"service\", \"unclassified\", \"path\"];\n let colors = ['#F9D371', '#3DB2FF', '#6E85B2', '#F47340', '#F6A9A9', '#EF2F88', '#5F7A61', '#1ee3cf', '#C2F784', '#FFF89A', 'rgba(22, 119, 255, .5)', '#93FFD8', '#BAFFB4', '#D3DEDC', '#AEFEFF', '#9B0000', '#F5F5F5', '#08ffc8', '#FFE3E3'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "style", + "params": [ + { + "watercolor": "#6D99A8" + } + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + } + ], + "columns": "fclass" + }, + { + "id": "hn_kf_hm_pipeline", + "key": "pipeline_info_flow_ys", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "类型", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "类型" + }, + { + "id": "hubei_xiaogan_pipeline_info", + "key": "pipeline_info_flow_ws1", + "type": "LineLayer", + "show": false, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"YS\", \"WS\", \"HS\"];\n let colors = ['#184375', '#E6061A', '#E6061A'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ], + "columns": "layer", + "filter": "layer in ('WS','HS')" + }, + { "id": "", "key": "warning_monitor", "type": "PointLayer", @@ -110,6 +321,109 @@ }, { "id": "", + "key": "highlight_linestring", + "type": "LineLayer", + "show": true, + "params": { + "autoFit": false, + "zIndex": 1 + }, + "methods": [ + { + "name": "size", + "params": [ + 3 + ] + }, + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "texture", + "params": [ + "02" + ] + }, + { + "name": "color", + "params": [ + "layer", + "''||function(v){\n let key = [\"ys\", \"ws\", \"hs\"];\n let colors = ['#184375', '#E6061A', '#ccff12'];\n return colors[key.indexOf(v)];\n }" + ] + }, + { + "name": "animate", + "params": [ + { + "interval": 1, + "duration": 1, + "trailLength": 2 + } + ] + }, + { + "name": "style", + "params": [ + { + "opacity": 0.6, + "lineTexture": true, + "iconStep": 10, + "borderWidth": 0.4, + "borderColor": "#fff" + } + ] + } + ] + }, + { + "id": "", + "key": "highlight_point1", + "type": "PointLayer", + "show": true, + "params": { + "zIndex": 0, + "blend": "additive" + }, + "methods": [ + { + "name": "shape", + "params": [ + "circle" + ] + }, + { + "name": "color", + "params": [ + "rgba(255,0,0,1.0)" + ] + }, + { + "name": "size", + "params": [ + 10 + ] + }, + { + "name": "animate", + "params": [ + true + ] + }, + { + "name": "style", + "params": [ + { + "unit": "meter" + } + ] + } + ] + }, + { + "id": "", "key": "highlight_point", "type": "PointLayer", "show": true, @@ -142,10 +456,175 @@ ] } ] + }, + { + "id": "", + "key": "highlight_polygon", + "type": "LineLayer", + "show": true, + "params": { + "zIndex": 0 + }, + "methods": [ + { + "name": "shape", + "params": [ + "line" + ] + }, + { + "name": "size", + "params": [ + 2 + ] + }, + { + "name": "color", + "params": [ + "rgba(189, 209, 150,1)" + ] + } + ] } ], "mapbox": [ { + "id": "all_boundary", + "key": "all_boundary", + "source-layer": "all_boundary", + "type": "line", + "paint": { + "line-color": "rgba(255,18,60,1)", + "line-width": 1 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt" + }, + { + "id": "pipeline_info", + "key": "hn_kf_hm_pipeline", + "source-layer": "hn_kf_hm_pipeline", + "type": "line", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "line-color": [ + "match", + [ + "get", + "类型" + ], + "ys", + "#1b76ff", + "ws", + "#ff4c61", + "hs", + "#d8ad4f", + "#000000" + ], + "line-width": 2 + }, + "layout": {}, + "minzoom": 0, + "maxzoom": 24, + "mType": "mvt", + "columns": "起始点号,连接点号,类型,st_asText(geometrys) as geometry" + }, + { + "id": "city_boundary", + "key": "hubei_xiaogan_hm_city_boundary", + "source-layer": "hubei_xiaogan_hm_city_boundary", + "type": "fill", + "filter": [ + "in", + "name", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ] + }, + "layout": {}, + "minzoom": 10, + "maxzoom": 24, + "mType": "mvt", + "columns": "name,fill_color" + }, + { + "id": "hubei_xiaogan_hm_psfq", + "key": "hubei_xiaogan_hm_psfq", + "source-layer": "hubei_xiaogan_hm_psfq", + "type": "fill", + "filter": [ + "in", + "type", + "" + ], + "paint": { + "fill-color": [ + "get", + "fill_color" + ], + "fill-opacity": 0.4 + }, + "layout": {}, + "minzoom": 12, + "maxzoom": 24, + "mType": "mvt", + "columns": "type,fill_color,st_asText(geometrys) as geometry" + }, + { + "id": "pipeline_point", + "key": "hn_kf_hm_pipeline_point", + "source-layer": "hn_kf_hm_pipeline_point", + "type": "symbol", + "filter": [ + "in", + "类型", + "" + ], + "paint": { + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 + }, + "layout": { + "icon-image": [ + "match", + [ + "get", + "类型" + ], + "ys", + "ysj", + "ws", + "wsj", + "hs", + "hsj", + "ysbz" + ], + "icon-size": 0.5, + "text-field": "{管线点号}", + "text-font": [ + "KlokanTech Noto Sans Regular" + ], + "text-size": 13, + "text-line-height": 3, + "text-anchor": "top" + }, + "minzoom": 15, + "maxzoom": 24, + "mType": "mvt", + "columns": "管线点号,类型,st_asText(geometrys) as geometry" + }, + { "id": "point", "key": "point", "type": "symbol", @@ -157,7 +636,9 @@ "" ], "paint": { - "text-color": "#ffffff" + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ @@ -166,26 +647,43 @@ "get", "type" ], - "PLBZ", - "wsBeng", "YSBZ", - "wsBeng", + "rainBengZhan_icon", + "WSBZ", + "sewageBenZhan_icon", + "combineBengZhan", + "combineBengZhan_icon", + "sewageFactory", + "sewageFactory_icon", + "waterLoging", + "waterLoging_icon", + "waterCourse", + "waterCourse_icon", + "rainStation", + "rainStation_icon", + "origine", + "origine_icon", + "spongeFacility", + "spongeFacility_icon", + "waterFactory", + "waterFactory_icon", "ysbz" ], "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.6, + "icon-size": 0.8, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], "text-size": 16, + "text-line-height": 3, "text-anchor": "bottom", "text-max-width": 50, "text-offset": [ 0, - -2 + -0.8 ] }, "mType": "geojson" @@ -193,8 +691,175 @@ ], "orders": [ [ + "newfiber-XYZLayer" + ], + [ + "hubei_xiaogan_hm_psfq" + ], + [ + "city_boundary" + ], + [ + "all_boundary" + ], + [ + "pipeline_info" + ], + [ + "pipeline_point" + ], + [ + "poi_label" + ], + [ + "place_label_city" + ], + [ + "road_major_label" + ], + [ + "place_label_other" + ], + [ "point" ] ], - "filter": {} + "filter": { + "wsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ws" + ], + [ + "ws" + ] + ] + }, + "hsLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "hs" + ], + [ + "hs" + ] + ] + }, + "ysLine1": { + "layerName": [ + "pipeline_info", + "pipeline_point" + ], + "filter": [ + [ + "ys" + ], + [ + "ys" + ] + ] + }, + "YSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "YS" + ] + ] + }, + "WSFQ": { + "layerName": [ + "hubei_xiaogan_hm_psfq" + ], + "filter": [ + [ + "WS" + ] + ] + }, + "oldCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.926 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "southCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "南城新区" + ] + ], + "easeTo": { + "center": [ + 113.933, + 30.886 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "newCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区" + ] + ], + "easeTo": { + "center": [ + 113.983, + 30.896 + ], + "zoom": 13.6, + "pitch": 55 + } + }, + "allCity": { + "layerName": [ + "city_boundary" + ], + "filter": [ + [ + "东城新区", + "南城新区", + "老城区" + ] + ], + "easeTo": { + "center": [ + 113.953, + 30.906 + ], + "zoom": 13.6, + "pitch": 55 + } + } + } } \ No newline at end of file diff --git a/public/static/libs/mapbox/style/customs/whiteMapStyle.json b/public/static/libs/mapbox/style/customs/whiteMapStyle.json new file mode 100644 index 0000000..22e01cf --- /dev/null +++ b/public/static/libs/mapbox/style/customs/whiteMapStyle.json @@ -0,0 +1,1800 @@ +{ + "version": 8, + "name": "Basic", + "metadata": { + "mapbox:autocomposite": false, + "mapbox:type": "template", + "maputnik:renderer": "mbgljs", + "openmaptiles:version": "3.x", + "openmaptiles:mapbox:owner": "openmaptiles", + "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" + }, + "sources": { + "openmaptiles": { + "type": "vector", + "url": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/spec.json" + } + }, + "sprite": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/sprite", + "glyphs": "https://supermap2.wh-nf.cn:8090/bm/static/map/style/fonts/{fontstack}/{range}.pbf", + "layers": [ + { + "id": "background", + "type": "background", + "paint": { + "background-color": "rgba(238,251,255,1)" + } + }, + { + "id": "landuse-residential", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "residential", + "suburb", + "neighbourhood" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,13%,86%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover_grass", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "grass" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "landcover_wood", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "wood" + ], + "paint": { + "fill-color": "#b4e49b", + "fill-opacity": 1 + } + }, + { + "id": "water", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "!=", + "intermittent", + 1 + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#75cff0" + } + }, + { + "id": "water_intermittent", + "type": "fill", + "source": "openmaptiles", + "source-layer": "water", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(205,56%,73%)", + "fill-opacity": 0.7 + } + }, + { + "id": "landcover-ice-shelf", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "ice_shelf" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.8 + } + }, + { + "id": "landcover-glacier", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "subclass", + "glacier" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "hsl(47,22%,94%)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 0, + 1 + ], + [ + 8, + 0.5 + ] + ] + } + } + }, + { + "id": "landcover_sand", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "all", + [ + "in", + "class", + "sand" + ] + ], + "paint": { + "fill-antialias": false, + "fill-color": "rgba(232,214,38,1)", + "fill-opacity": 0.3 + } + }, + { + "id": "landuse", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landuse", + "filter": [ + "==", + "class", + "agriculture" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "#eae0d0" + } + }, + { + "id": "landuse_overlay_national_park", + "type": "fill", + "source": "openmaptiles", + "source-layer": "landcover", + "filter": [ + "==", + "class", + "national_park" + ], + "paint": { + "fill-color": "#E1EBB0", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 5, + 0 + ], + [ + 9, + 0.75 + ] + ] + } + } + }, + { + "id": "waterway-tunnel", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205, 56%,73%)", + "line-dasharray": [ + 3, + 3 + ], + "line-gap-width": { + "stops": [ + [ + 12, + 0 + ], + [ + 20, + 6 + ] + ] + }, + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 2 + ] + ] + } + } + }, + { + "id": "waterway", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "!=", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "waterway_intermittent", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "!in", + "brunnel", + "tunnel", + "bridge" + ], + [ + "==", + "intermittent", + 1 + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-dasharray": [ + 2, + 1 + ], + "line-opacity": 1, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 20, + 8 + ] + ] + } + } + }, + { + "id": "tunnel_railway_transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 0, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "transit" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-dasharray": [ + 3, + 3 + ], + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "housenumber", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "housenumber", + "minzoom": 9, + "filter": [ + "==", + "$type", + "Point" + ], + "layout": { + "text-field": "{housenumber}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-size": 10 + }, + "paint": { + "text-color": "rgba(212,177,146,1)" + } + }, + { + "id": "road_area_pier", + "type": "fill", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "==", + "class", + "pier" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-antialias": true, + "fill-color": "hsl(47,26%,88%)" + } + }, + { + "id": "road_pier", + "type": "line", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "pier" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(47,26%,88%)", + "line-width": { + "base": 1.2, + "stops": [ + [ + 15, + 1 + ], + [ + 17, + 4 + ] + ] + } + } + }, + { + "id": "road_bridge_area", + "type": "fill", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "brunnel", + "bridge" + ] + ], + "layout": {}, + "paint": { + "fill-color": "hsl(47,26%,88%)", + "fill-opacity": 0.5 + } + }, + { + "id": "road_path", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "path", + "track" + ] + ], + "layout": { + "line-cap": "square", + "line-join": "bevel" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-dasharray": [ + 1, + 1 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "road_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "minzoom": 13, + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "minor", + "service" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(0,0%,97%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#efefef", + "line-dasharray": [ + 0.36, + 0.18 + ], + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "tunnel_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "tunnel" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#fff", + "line-dasharray": [ + 0.28, + 0.14 + ], + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "aeroway-area", + "type": "fill", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "==", + "$type", + "Polygon" + ], + [ + "in", + "class", + "runway", + "taxiway" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "fill-color": "rgba(255,255,255,1)", + "fill-opacity": { + "base": 1, + "stops": [ + [ + 13, + 0 + ], + [ + 14, + 1 + ] + ] + } + } + }, + { + "id": "aeroway-taxiway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 12, + "filter": [ + "all", + [ + "in", + "class", + "taxiway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 12, + 1 + ], + [ + 17, + 10 + ] + ] + } + } + }, + { + "id": "aeroway-runway", + "type": "line", + "metadata": { + "mapbox:group": "1444849345966.4436" + }, + "source": "openmaptiles", + "source-layer": "aeroway", + "minzoom": 4, + "filter": [ + "all", + [ + "in", + "class", + "runway" + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-opacity": 1, + "line-width": { + "base": 1.5, + "stops": [ + [ + 11, + 4 + ], + [ + 17, + 50 + ] + ] + } + } + }, + { + "id": "road_trunk_primary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "trunk", + "primary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "road_secondary_tertiary", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "in", + "class", + "secondary", + "tertiary" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#fff", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 20 + ] + ] + } + } + }, + { + "id": "road_major_motorway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "class", + "motorway" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(244,188,102,1)", + "line-offset": 0, + "line-width": { + "base": 1.4, + "stops": [ + [ + 8, + 1 + ], + [ + 16, + 10 + ] + ] + } + } + }, + { + "id": "railway-transit", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "class", + "transit" + ], + [ + "!=", + "brunnel", + "tunnel" + ] + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "railway", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "==", + "class", + "rail" + ], + "layout": { + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(34,12%,66%)", + "line-opacity": { + "base": 1, + "stops": [ + [ + 11, + 0 + ], + [ + 16, + 1 + ] + ] + } + } + }, + { + "id": "waterway-bridge-case", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#bbbbbb", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "waterway-bridge", + "type": "line", + "source": "openmaptiles", + "source-layer": "waterway", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "hsl(205,56%,73%)", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_minor case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_major case", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "butt", + "line-join": "miter" + }, + "paint": { + "line-color": "#dedede", + "line-gap-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + }, + "line-width": { + "base": 1.6, + "stops": [ + [ + 12, + 0.5 + ], + [ + 20, + 10 + ] + ] + } + } + }, + { + "id": "bridge_minor", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "==", + "class", + "minor_road" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "#efefef", + "line-width": { + "base": 1.55, + "stops": [ + [ + 4, + 0.25 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "bridge_major", + "type": "line", + "source": "openmaptiles", + "source-layer": "transportation", + "filter": [ + "all", + [ + "==", + "$type", + "LineString" + ], + [ + "==", + "brunnel", + "bridge" + ], + [ + "in", + "class", + "primary", + "secondary", + "tertiary", + "trunk" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(255,255,255,1)", + "line-width": { + "base": 1.4, + "stops": [ + [ + 6, + 0.5 + ], + [ + 20, + 30 + ] + ] + } + } + }, + { + "id": "admin_sub", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "filter": [ + "all" + ], + "layout": { + "visibility": "visible", + "line-join": "round" + }, + "paint": { + "line-color": "rgba(199,196,196,1)", + "line-opacity": 1, + "line-dasharray": [ + 1, + 0 + ], + "line-width": 1 + } + }, + { + "id": "admin_country_z0-4", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 0, + "maxzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ], + [ + "!has", + "claimed_by" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "admin_country_z5-", + "type": "line", + "source": "openmaptiles", + "source-layer": "boundary", + "minzoom": 5, + "filter": [ + "all", + [ + "<=", + "admin_level", + 2 + ], + [ + "==", + "$type", + "LineString" + ] + ], + "layout": { + "line-cap": "round", + "line-join": "round", + "visibility": "visible" + }, + "paint": { + "line-color": "hsl(0,0%,60%)", + "line-width": { + "base": 1.3, + "stops": [ + [ + 3, + 0.5 + ], + [ + 22, + 15 + ] + ] + } + } + }, + { + "id": "poi_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "poi", + "minzoom": 9, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "rank", + 1 + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255, 0.75)", + "text-halo-width": 1 + } + }, + { + "id": "airport-label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "aerodrome_label", + "minzoom": 10, + "filter": [ + "all", + [ + "has", + "iata" + ] + ], + "layout": { + "icon-size": 1, + "text-anchor": "top", + "text-field": "{name:nonlatin}\n", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 8, + "text-offset": [ + 0, + 0.5 + ], + "text-size": 11, + "visibility": "visible" + }, + "paint": { + "text-color": "#666", + "text-halo-blur": 1, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 1 + } + }, + { + "id": "road_major_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "transportation_name", + "minzoom": 10, + "filter": [ + "==", + "$type", + "LineString" + ], + "layout": { + "symbol-placement": "line", + "text-field": " {name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-letter-spacing": 0.1, + "text-rotation-alignment": "map", + "text-size": { + "base": 1.4, + "stops": [ + [ + 10, + 8 + ], + [ + 20, + 14 + ] + ] + }, + "text-transform": "uppercase", + "visibility": "visible" + }, + "paint": { + "text-color": "#000", + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2 + } + }, + { + "id": "place_label_other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "minzoom": 8, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "!in", + "class", + "city", + "state", + "country", + "continent" + ] + ], + "layout": { + "text-anchor": "center", + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 6, + "text-size": 10, + "visibility": "visible" + }, + "paint": { + "text-halo-blur": 0, + "text-halo-color": "hsl(0,0%,100%)", + "text-halo-width": 2, + "text-color": "#2d3352" + } + }, + { + "id": "place_label_city", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 16, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "city" + ] + ], + "layout": { + "text-field": "\n{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": 12 + }, + "paint": { + "text-halo-blur": 0, + "text-halo-width": 2, + "text-halo-color": "rgba(0,0,0,0)", + "text-color": "#2d3352" + } + }, + { + "id": "country_label-other", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "!has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "country_label", + "type": "symbol", + "source": "openmaptiles", + "source-layer": "place", + "maxzoom": 12, + "filter": [ + "all", + [ + "==", + "$type", + "Point" + ], + [ + "==", + "class", + "country" + ], + [ + "has", + "iso_a2" + ] + ], + "layout": { + "text-field": "{name:nonlatin}", + "text-font": [ + "KlokanTech Noto Sans CJK Bold" + ], + "text-max-width": 10, + "text-size": { + "stops": [ + [ + 3, + 12 + ], + [ + 8, + 22 + ] + ] + }, + "visibility": "visible" + }, + "paint": { + "text-color": "hsl(0,0%,13%)", + "text-halo-blur": 0, + "text-halo-color": "rgba(255,255,255,0.75)", + "text-halo-width": 2 + } + }, + { + "id": "building-3d", + "type": "fill-extrusion", + "metadata": {}, + "source": "openmaptiles", + "source-layer": "building", + "minzoom": 14, + "filter": [ + "all", + [ + "!has", + "hide_3d" + ] + ], + "layout": { + "visibility": "none" + }, + "paint": { + "fill-extrusion-base": { + "type": "identity", + "property": "render_min_height" + }, + "fill-extrusion-color": "rgba(189,185,181,1)", + "fill-extrusion-height": { + "type": "identity", + "property": "render_height" + }, + "fill-extrusion-opacity": 0.3 + } + } + ], + "id": "basic" +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.json b/public/static/libs/mapbox/style/sprite/sprite5.json new file mode 100644 index 0000000..e71c262 --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.json @@ -0,0 +1,114 @@ +{ + "origine_icon": { + "x": 0, + "y": 0, + "width": 14, + "height": 14, + "pixelRatio": 1, + "sdf": false + }, + "rainStation_icon": { + "x": 14, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "spongeFacility_icon": { + "x": 28, + "y": 0, + "width": 14, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterFactory_icon": { + "x": 42, + "y": 0, + "width": 15, + "height": 15, + "pixelRatio": 1, + "sdf": false + }, + "waterLoging_icon": { + "x": 57, + "y": 0, + "width": 12, + "height": 16, + "pixelRatio": 1, + "sdf": false + }, + "hsj": { + "x": 69, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "wsj": { + "x": 99, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "ysj": { + "x": 129, + "y": 0, + "width": 30, + "height": 30, + "pixelRatio": 1, + "sdf": false + }, + "rainBengZhan_icon": { + "x": 159, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "combineBengZhan_icon": { + "x": 194, + "y": 0, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageBenZhan_icon": { + "x": 0, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "sewageFactory_icon": { + "x": 35, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "waterCourse_icon": { + "x": 70, + "y": 39, + "width": 35, + "height": 39, + "pixelRatio": 1, + "sdf": false + }, + "map_selected": { + "x": 105, + "y": 39, + "width": 48, + "height": 48, + "pixelRatio": 1, + "sdf": false + } +} \ No newline at end of file diff --git a/public/static/libs/mapbox/style/sprite/sprite5.png b/public/static/libs/mapbox/style/sprite/sprite5.png new file mode 100644 index 0000000..35b760e --- /dev/null +++ b/public/static/libs/mapbox/style/sprite/sprite5.png Binary files differ diff --git a/src/views/gisMapPage/gisMapBox1.vue b/src/views/gisMapPage/gisMapBox1.vue index 9210bb6..bd7829a 100644 --- a/src/views/gisMapPage/gisMapBox1.vue +++ b/src/views/gisMapPage/gisMapBox1.vue @@ -80,12 +80,12 @@ type: 'fill', source: 'kaifengWater', paint: { - 'fill-color': '#0c3b7a', + 'fill-color': 'rgba(117, 207, 240,1)', }, }); addRiverFlow(); addWaterLabel(); - addAreaBoundary(); + //addAreaBoundary(); await loadData(); props.loadCallback && props.loadCallback(); @@ -269,9 +269,11 @@ }; const setLegendData = list => { - list.forEach( - i => - i.data && + console.log('list---', list); + list.forEach(i => { + console.log('iii---', i); + i.data && + i.data.features && i.data.features.forEach(a => { if (!!!a || !!!a.properties) return; a.properties.type = a.properties.type || i.layername; @@ -284,8 +286,8 @@ a.properties.sectionName || a.properties.pumpName || a.properties.projectName; - }) - ); + }); + }); let types = {}; list @@ -394,8 +396,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -422,8 +424,8 @@ 'text-transform': 'uppercase', }, paint: { - 'text-halo-color': 'rgba(0,0,0,1)', - 'text-color': 'rgba(0,167,210,1)', + 'text-halo-color': 'rgba(238, 251, 255,1)', + 'text-color': 'rgba(30, 30, 30,1)', 'icon-opacity': 1, 'text-halo-width': 1, }, @@ -433,10 +435,10 @@ const addRiverFlow = () => { let layer = new mapboxL7.LineLayer({}) .source(riverFlow) - .size(3) + .size(6) .shape('line') .texture('arrow') - .color('rgb(22,119,255)') + .color('rgb(117, 207, 240)') .animate({ interval: 1, // 间隔 duration: 1.5, // 持续时间，延时 @@ -445,7 +447,7 @@ .style({ opacity: 0.6, lineTexture: true, // 开启线的贴图功能 - iconStep: 20, // 设置贴图纹理的间距 + iconStep: 200, // 设置贴图纹理的间距 borderWidth: 0.4, // 默认文 0，最大有效值为 0.5 borderColor: '#fff', // 默认为 #ccc }); diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index 37f47cb..2841368 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -2,7 +2,8 @@
- + + diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index 26d2dc8..6cfe6d3 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -47,14 +47,14 @@ ); onMounted(() => { - newfiberMap.setView({ - lng: 114.312, - lat: 34.502, - heading: 2.281299097855777, - zoom: 16358.12942752382, - pitch: -25.2508969308367, - roll: 0.005453465256790101, - }); + // newfiberMap.setView({ + // lng: 114.312, + // lat: 34.502, + // heading: 2.281299097855777, + // zoom: 16358.12942752382, + // pitch: -25.2508969308367, + // roll: 0.005453465256790101, + // }); // setTimeout(() => { // bus.emit('setIniteLayer', [ // { diff --git a/src/views/sponeScreen/gisMF/cesiumMapLegend.js b/src/views/sponeScreen/gisMF/cesiumMapLegend.js index c359cf8..6a5ad20 100644 --- a/src/views/sponeScreen/gisMF/cesiumMapLegend.js +++ b/src/views/sponeScreen/gisMF/cesiumMapLegend.js @@ -1,3 +1,6 @@ +import YSFQ1 from '@/assets/geojson/kaifeng/kaifengPSFQ1.json'; +import YSFQ2 from '@/assets/geojson/kaifeng/kaifengPSFQ2.json'; +import YSFQ3 from '@/assets/geojson/kaifeng/kaifengPSFQ3.json'; import builtCity from '@/assets/geojson/kaifeng/builtCity.json'; import centerCity from '@/assets/geojson/kaifeng/centerCity.json'; import cityArea from '@/assets/geojson/kaifeng/cityArea.json'; @@ -238,6 +241,7 @@ url: 'paiShuiArea1_icon.png', layername: 'cesiumPaishuiArea1', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ1, }, { isCheck: false, @@ -254,6 +258,7 @@ url: 'paiShuiArea2_icon.png', layername: 'cesiumPaishuiArea2', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ2, }, { isCheck: false, @@ -270,6 +275,7 @@ url: 'paiShuiArea3_icon.png', layername: 'cesiumPaishuiArea3', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ3, }, // { // isCheck: false, @@ -349,17 +355,17 @@ { isCheck: false, name: '管网流向', - layername: 'pipeLineFlow', + layername: 'pipeline_info_flow_ys', url: 'pipeLineFlow_icon.png', type: 'dynamicLine', - data: pipeFlow, + //data: pipeFlow, }, ], [ { isCheck: false, name: '雨水管网', - layername: 'henan_kaifeng_ysline', //图层+json √ + layername: 'ysLine1', //图层+json √ url: 'rainLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', @@ -380,7 +386,7 @@ { isCheck: false, name: '污水管网', - layername: 'henan_kaifeng_wsline', //图层+json √ + layername: 'wsLine1', //图层+json √ url: 'sewageLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', @@ -401,7 +407,7 @@ { isCheck: false, name: '合流管网', - layername: 'henan_kaifeng_hsline', //图层+json √ + layername: 'hsLine1', //图层+json √ url: 'combineLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', diff --git a/src/views/sponeScreen/gisMF/legendKF.vue b/src/views/sponeScreen/gisMF/legendKF.vue index 2687b24..81c401b 100644 --- a/src/views/sponeScreen/gisMF/legendKF.vue +++ b/src/views/sponeScreen/gisMF/legendKF.vue @@ -36,6 +36,7 @@ diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index 26d2dc8..6cfe6d3 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -47,14 +47,14 @@ ); onMounted(() => { - newfiberMap.setView({ - lng: 114.312, - lat: 34.502, - heading: 2.281299097855777, - zoom: 16358.12942752382, - pitch: -25.2508969308367, - roll: 0.005453465256790101, - }); + // newfiberMap.setView({ + // lng: 114.312, + // lat: 34.502, + // heading: 2.281299097855777, + // zoom: 16358.12942752382, + // pitch: -25.2508969308367, + // roll: 0.005453465256790101, + // }); // setTimeout(() => { // bus.emit('setIniteLayer', [ // { diff --git a/src/views/sponeScreen/gisMF/cesiumMapLegend.js b/src/views/sponeScreen/gisMF/cesiumMapLegend.js index c359cf8..6a5ad20 100644 --- a/src/views/sponeScreen/gisMF/cesiumMapLegend.js +++ b/src/views/sponeScreen/gisMF/cesiumMapLegend.js @@ -1,3 +1,6 @@ +import YSFQ1 from '@/assets/geojson/kaifeng/kaifengPSFQ1.json'; +import YSFQ2 from '@/assets/geojson/kaifeng/kaifengPSFQ2.json'; +import YSFQ3 from '@/assets/geojson/kaifeng/kaifengPSFQ3.json'; import builtCity from '@/assets/geojson/kaifeng/builtCity.json'; import centerCity from '@/assets/geojson/kaifeng/centerCity.json'; import cityArea from '@/assets/geojson/kaifeng/cityArea.json'; @@ -238,6 +241,7 @@ url: 'paiShuiArea1_icon.png', layername: 'cesiumPaishuiArea1', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ1, }, { isCheck: false, @@ -254,6 +258,7 @@ url: 'paiShuiArea2_icon.png', layername: 'cesiumPaishuiArea2', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ2, }, { isCheck: false, @@ -270,6 +275,7 @@ url: 'paiShuiArea3_icon.png', layername: 'cesiumPaishuiArea3', type: 'cesiumPaishuiArea', + paishuiArea: YSFQ3, }, // { // isCheck: false, @@ -349,17 +355,17 @@ { isCheck: false, name: '管网流向', - layername: 'pipeLineFlow', + layername: 'pipeline_info_flow_ys', url: 'pipeLineFlow_icon.png', type: 'dynamicLine', - data: pipeFlow, + //data: pipeFlow, }, ], [ { isCheck: false, name: '雨水管网', - layername: 'henan_kaifeng_ysline', //图层+json √ + layername: 'ysLine1', //图层+json √ url: 'rainLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', @@ -380,7 +386,7 @@ { isCheck: false, name: '污水管网', - layername: 'henan_kaifeng_wsline', //图层+json √ + layername: 'wsLine1', //图层+json √ url: 'sewageLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', @@ -401,7 +407,7 @@ { isCheck: false, name: '合流管网', - layername: 'henan_kaifeng_hsline', //图层+json √ + layername: 'hsLine1', //图层+json √ url: 'combineLine_icon.png', //mapUrl: 'WSC.png', type: 'mapServer', diff --git a/src/views/sponeScreen/gisMF/legendKF.vue b/src/views/sponeScreen/gisMF/legendKF.vue index 2687b24..81c401b 100644 --- a/src/views/sponeScreen/gisMF/legendKF.vue +++ b/src/views/sponeScreen/gisMF/legendKF.vue @@ -36,6 +36,7 @@