diff --git a/public/static/libs/mapbox/style/TemporaryProject.json b/public/static/libs/mapbox/style/TemporaryProject.json index 597235a..bca0f4b 100644 --- a/public/static/libs/mapbox/style/TemporaryProject.json +++ b/public/static/libs/mapbox/style/TemporaryProject.json @@ -12,7 +12,7 @@ ], "zoom": 11.5, "pitch": 0, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -118,11 +118,18 @@ "punched" ], "paint": { - "text-color": "#ffffff", - "text-halo-color": "rgba(255,0,0,1)", - "text-halo-width": 1, - "text-halo-blur": 1, - "text-opacity": ["step", ["zoom"], 0, 13, 1] + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2, + "text-opacity": [ + "step", + [ + "zoom" + ], + 0, + 13, + 1 + ] }, "layout": { "icon-image": [ @@ -150,12 +157,11 @@ "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.8, + "icon-size": 0.5, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], - "text-size": 16, "text-line-height": 3, "text-anchor": "bottom", diff --git a/public/static/libs/mapbox/style/TemporaryProject.json b/public/static/libs/mapbox/style/TemporaryProject.json index 597235a..bca0f4b 100644 --- a/public/static/libs/mapbox/style/TemporaryProject.json +++ b/public/static/libs/mapbox/style/TemporaryProject.json @@ -12,7 +12,7 @@ ], "zoom": 11.5, "pitch": 0, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -118,11 +118,18 @@ "punched" ], "paint": { - "text-color": "#ffffff", - "text-halo-color": "rgba(255,0,0,1)", - "text-halo-width": 1, - "text-halo-blur": 1, - "text-opacity": ["step", ["zoom"], 0, 13, 1] + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2, + "text-opacity": [ + "step", + [ + "zoom" + ], + 0, + 13, + 1 + ] }, "layout": { "icon-image": [ @@ -150,12 +157,11 @@ "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.8, + "icon-size": 0.5, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], - "text-size": 16, "text-line-height": 3, "text-anchor": "bottom", 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..872ad52 --- /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": 12, + "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/TemporaryProject.json b/public/static/libs/mapbox/style/TemporaryProject.json index 597235a..bca0f4b 100644 --- a/public/static/libs/mapbox/style/TemporaryProject.json +++ b/public/static/libs/mapbox/style/TemporaryProject.json @@ -12,7 +12,7 @@ ], "zoom": 11.5, "pitch": 0, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -118,11 +118,18 @@ "punched" ], "paint": { - "text-color": "#ffffff", - "text-halo-color": "rgba(255,0,0,1)", - "text-halo-width": 1, - "text-halo-blur": 1, - "text-opacity": ["step", ["zoom"], 0, 13, 1] + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2, + "text-opacity": [ + "step", + [ + "zoom" + ], + 0, + 13, + 1 + ] }, "layout": { "icon-image": [ @@ -150,12 +157,11 @@ "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.8, + "icon-size": 0.5, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], - "text-size": 16, "text-line-height": 3, "text-anchor": "bottom", 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..872ad52 --- /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": 12, + "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/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json index 6baaad0..1f7f53c 100644 --- a/public/static/libs/mapbox/style/floodOneMap.json +++ b/public/static/libs/mapbox/style/floodOneMap.json @@ -12,7 +12,7 @@ ], "zoom": 12.9, "pitch": 0, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -118,10 +118,9 @@ "punched" ], "paint": { - "text-color": "#ffffff", - "text-halo-color": "rgba(255,0,0,1)", - "text-halo-width": 1, - "text-halo-blur": 1 + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ diff --git a/public/static/libs/mapbox/style/TemporaryProject.json b/public/static/libs/mapbox/style/TemporaryProject.json index 597235a..bca0f4b 100644 --- a/public/static/libs/mapbox/style/TemporaryProject.json +++ b/public/static/libs/mapbox/style/TemporaryProject.json @@ -12,7 +12,7 @@ ], "zoom": 11.5, "pitch": 0, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -118,11 +118,18 @@ "punched" ], "paint": { - "text-color": "#ffffff", - "text-halo-color": "rgba(255,0,0,1)", - "text-halo-width": 1, - "text-halo-blur": 1, - "text-opacity": ["step", ["zoom"], 0, 13, 1] + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2, + "text-opacity": [ + "step", + [ + "zoom" + ], + 0, + 13, + 1 + ] }, "layout": { "icon-image": [ @@ -150,12 +157,11 @@ "text-allow-overlap": true, "icon-allow-overlap": true, "icon-anchor": "center", - "icon-size": 0.8, + "icon-size": 0.5, "text-field": "{name}", "text-font": [ "KlokanTech Noto Sans Regular" ], - "text-size": 16, "text-line-height": 3, "text-anchor": "bottom", 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..872ad52 --- /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": 12, + "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/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json index 6baaad0..1f7f53c 100644 --- a/public/static/libs/mapbox/style/floodOneMap.json +++ b/public/static/libs/mapbox/style/floodOneMap.json @@ -12,7 +12,7 @@ ], "zoom": 12.9, "pitch": 0, - "style": "/static/libs/mapbox/style/customs/night-style.json" + "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json" }, "l7": { "images": [ @@ -118,10 +118,9 @@ "punched" ], "paint": { - "text-color": "#ffffff", - "text-halo-color": "rgba(255,0,0,1)", - "text-halo-width": 1, - "text-halo-blur": 1 + "text-color": "rgba(255, 255, 255, 1)", + "text-halo-color": "rgba(14, 139, 90, 1)", + "text-halo-width": 2 }, "layout": { "icon-image": [ diff --git a/src/views/xuncha/gisCommonPage/newFiberMapBox.vue b/src/views/xuncha/gisCommonPage/newFiberMapBox.vue index 3d78f27..3d282b7 100644 --- a/src/views/xuncha/gisCommonPage/newFiberMapBox.vue +++ b/src/views/xuncha/gisCommonPage/newFiberMapBox.vue @@ -68,7 +68,7 @@ type: 'fill', source: 'kaifengWater', paint: { - 'fill-color': '#0c3b7a', + 'fill-color': 'rgba(117, 207, 240,1)', }, }); addWaterLabel(); @@ -372,10 +372,11 @@ 'text-field': ['get', 'name'], 'text-font': ['KlokanTech Noto Sans Regular'], 'text-transform': 'uppercase', + 'text-size': 12, }, 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, }, @@ -403,8 +404,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, },