From fe8896e870d345f22737ac136c7fb705f2ee3500 Mon Sep 17 00:00:00 2001 From: vcoppe Date: Wed, 27 May 2026 20:17:49 +0200 Subject: [PATCH] get styles from github --- website/src/lib/assets/custom/satellite.json | 2301 ------------- website/src/lib/assets/custom/topo.json | 3234 ------------------ website/src/lib/assets/layers.ts | 6 +- website/src/lib/components/map/style.ts | 24 +- 4 files changed, 14 insertions(+), 5551 deletions(-) delete mode 100644 website/src/lib/assets/custom/satellite.json delete mode 100644 website/src/lib/assets/custom/topo.json diff --git a/website/src/lib/assets/custom/satellite.json b/website/src/lib/assets/custom/satellite.json deleted file mode 100644 index 1a0b46989..000000000 --- a/website/src/lib/assets/custom/satellite.json +++ /dev/null @@ -1,2301 +0,0 @@ -{ - "version": 8, - "sources": { - "openmaptiles": { - "type": "vector", - "url": "https://tiles.gpx.studio/openmaptiles.json" - }, - "maptiler": { - "url":"https://api.maptiler.com/tiles/satellite-v2/tiles.json?key=MAPTILER_KEY", - "type":"raster" - } - }, - "sprite": "https://tiles.openfreemap.org/sprites/ofm_f384/ofm", - "glyphs": "https://tiles.openfreemap.org/fonts/{fontstack}/{range}.pbf", - "layers": [ - { - "id": "maptiler", - "type": "raster", - "source": "maptiler" - }, - - { - "id": "waterway_river", - "type": "line", - "source": "openmaptiles", - "source-layer": "waterway", - "filter": [ - "all", - ["==", ["get", "class"], "river"], - ["!=", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-cap": "round"}, - "paint": { - "line-color": "#a0c8f0", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 11, - 0.5, - 20, - 6 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "waterway_other", - "type": "line", - "source": "openmaptiles", - "source-layer": "waterway", - "filter": [ - "all", - ["!=", ["get", "class"], "river"], - ["!=", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-cap": "round"}, - "paint": { - "line-color": "#a0c8f0", - "line-width": [ - "interpolate", - ["exponential", 1.3], - ["zoom"], - 13, - 0.5, - 20, - 6 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_path_pedestrian", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["path", "pedestrian"], true, false] - ], - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [1, 0.75], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 0.5, - 20, - 10 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_motorway_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_service_track", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 15.5, - 0, - 16, - 2, - 20, - 7.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff4c6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_minor", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["minor"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13.5, - 0, - 14, - 2.5, - 20, - 11.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_secondary_tertiary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff4c6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 6.5, - 0, - 7, - 0.5, - 20, - 10 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_trunk_primary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff4c6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_motorway", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#ffdaa6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_major_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["rail"], true, false] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_major_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["==", ["get", "class"], "rail"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_transit_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["transit"], true, false] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "tunnel_transit_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["==", ["get", "class"], "transit"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_area_pattern", - "type": "fill", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "match", - ["geometry-type"], - ["MultiPolygon", "Polygon"], - true, - false - ], - "paint": { - "fill-pattern": "pedestrian_polygon", - "fill-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 1, - 15, 0.4 - ] - } - }, - { - "id": "road_path_pedestrian", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 12, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["path", "pedestrian"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [1, 0.7], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 1, - 20, - 10 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_motorway_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 12, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_service_track", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 0.5, - 15, - 2, - 20, - 7.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 13, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "ramp"], 1], - [ - "match", - ["get", "class"], - ["motorway", "path", "pedestrian", "service", "track"], - false, - true - ] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_minor", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["minor"], true, false] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13.5, - 0, - 14, - 2.5, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_secondary_tertiary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 6.5, - 0, - 8, - 0.5, - 20, - 13 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_trunk_primary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_motorway", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 5, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": [ - "interpolate", - ["linear"], - ["zoom"], - 5, - "hsl(26,87%,62%)", - 6, - "#fc8" - ], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_major_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "rail"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_major_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "rail"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_transit_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "transit"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_transit_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "transit"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "road_one_way_arrow", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 16, - "filter": ["==", ["get", "oneway"], 1], - "layout": {"icon-image": "arrow", "symbol-placement": "line"} - }, - { - "id": "road_one_way_arrow_opposite", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 16, - "filter": ["==", ["get", "oneway"], -1], - "layout": { - "icon-image": "arrow", - "icon-rotate": 180, - "symbol-placement": "line" - } - }, - { - "id": "bridge_path_pedestrian", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["path", "pedestrian"], true, false] - ], - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [1, 0.3], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 0.5, - 20, - 10 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_motorway_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_service_track", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 15.5, - 0, - 16, - 2, - 20, - 7.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "link"], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_street", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["minor"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13.5, - 0, - 14, - 2.5, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_secondary_tertiary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 6.5, - 0, - 7, - 0.5, - 20, - 10 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_trunk_primary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_motorway", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_major_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "rail"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_major_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "rail"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_transit_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "transit"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "bridge_transit_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "transit"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ], - "line-opacity":[ - "interpolate", ["linear"], ["zoom"], - 13, 0.5, - 15, 0.3 - ] - } - }, - { - "id": "boundary_3_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "minzoom": 5, - "filter": [ - "all", - ["==", ["typeof", ["get", "admin_level"]], "number"], - [">=", ["get", "admin_level"], 3], - ["<=", ["get", "admin_level"], 6], - ["!=", ["get", "maritime"], 1], - ["!=", ["get", "disputed"], 1], - ["!", ["has", "claimed_by"]] - ], - "paint": { - "line-color": "hsl(0,0%,70%)", - "line-opacity": 0.5, - "line-width": ["interpolate", ["linear", 1], ["zoom"], 7, 1, 11, 2] - } - }, - { - "id": "boundary_3", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "minzoom": 5, - "filter": [ - "all", - ["==", ["typeof", ["get", "admin_level"]], "number"], - [">=", ["get", "admin_level"], 3], - ["<=", ["get", "admin_level"], 6], - ["!=", ["get", "maritime"], 1], - ["!=", ["get", "disputed"], 1], - ["!", ["has", "claimed_by"]] - ], - "paint": { - "line-color": "#fff", - "line-opacity": 0.5, - "line-dasharray": [1, 1], - "line-width": ["interpolate", ["linear", 1], ["zoom"], 7, 1, 11, 2] - } - }, - { - "id": "boundary_2_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "filter": [ - "all", - ["==", ["get", "admin_level"], 2], - ["!=", ["get", "maritime"], 1], - ["!=", ["get", "disputed"], 1], - ["!", ["has", "claimed_by"]] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "hsl(248,1%,41%)", - "line-opacity": ["interpolate", ["linear"], ["zoom"], 0, 0.4, 8, 0.5], - "line-width": ["interpolate", ["linear"], ["zoom"], 3, 2, 5, 2.4, 12, 6] - } - }, - { - "id": "boundary_2", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "filter": [ - "all", - ["==", ["get", "admin_level"], 2], - ["!=", ["get", "maritime"], 1], - ["!=", ["get", "disputed"], 1], - ["!", ["has", "claimed_by"]] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-opacity": ["interpolate", ["linear"], ["zoom"], 0, 0.4, 8, 0.5], - "line-dasharray": [3, 3, 1, 3], - "line-width": ["interpolate", ["linear"], ["zoom"], 3, 1, 5, 1.2, 12, 3] - } - }, - { - "id": "boundary_disputed_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "filter": [ - "all", - ["!=", ["get", "maritime"], 1], - ["==", ["get", "disputed"], 1] - ], - "paint": { - "line-color": "hsl(248,1%,41%)", - "line-opacity": ["interpolate", ["linear"], ["zoom"], 0, 0.4, 8, 0.5], - "line-width": ["interpolate", ["linear"], ["zoom"], 3, 2, 5, 2.4, 12, 6] - } - }, - { - "id": "boundary_disputed", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "filter": [ - "all", - ["!=", ["get", "maritime"], 1], - ["==", ["get", "disputed"], 1] - ], - "paint": { - "line-color": "#fff", - "line-opacity": 0.5, - "line-dasharray": [1, 2], - "line-width": ["interpolate", ["linear"], ["zoom"], 3, 1, 5, 1.2, 12, 3] - } - }, - { - "id": "waterway_line_label", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "waterway", - "minzoom": 10, - "filter": [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - "layout": { - "symbol-placement": "line", - "symbol-spacing": 350, - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 5, - "text-size": 14 - }, - "paint": { - "text-color": "#91c9fa", - "text-halo-color": "#000", - "text-halo-width": 1.5 - } - }, - { - "id": "water_name_point_label", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "water_name", - "filter": [ - "match", - ["geometry-type"], - ["MultiPoint", "Point"], - true, - false - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 5, - "text-size": ["interpolate", ["linear"], ["zoom"], 0, 10, 8, 14] - }, - "paint": { - "text-color": "#91c9fa", - "text-halo-color": "#000", - "text-halo-width": 1.5 - } - }, - { - "id": "water_name_line_label", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "water_name", - "filter": [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - "layout": { - "symbol-placement": "line", - "symbol-spacing": 350, - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 5, - "text-size": 14 - }, - "paint": { - "text-color": "#91c9fa", - "text-halo-color": "#000", - "text-halo-width": 1.5 - } - }, - { - "id": "poi_r20", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "minzoom": 17, - "filter": [ - "all", - ["match", ["geometry-type"], ["MultiPoint", "Point"], true, false], - [">=", ["get", "rank"], 20] - ], - "layout": { - "icon-image": [ - "match", - ["get", "subclass"], - ["florist", "furniture"], - ["get", "subclass"], - ["get", "class"] - ], - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "poi_r7", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "minzoom": 16, - "filter": [ - "all", - ["match", ["geometry-type"], ["MultiPoint", "Point"], true, false], - [">=", ["get", "rank"], 7], - ["<", ["get", "rank"], 20] - ], - "layout": { - "icon-image": [ - "match", - ["get", "subclass"], - ["florist", "furniture"], - ["get", "subclass"], - ["get", "class"] - ], - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "nature_park", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "park", - "minzoom": 9, - "filter": [ - "all", - ["match", ["geometry-type"], ["Point"], true, false], - ["<=", ["get", "rank"], 1] - ], - "layout": { - "icon-image": "park_11", - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "poi_r1", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "minzoom": 14, - "filter": [ - "all", - ["match", ["geometry-type"], ["MultiPoint", "Point"], true, false], - [">=", ["get", "rank"], 1], - ["<", ["get", "rank"], 7] - ], - "layout": { - "icon-image": [ - "match", - ["get", "subclass"], - ["florist", "furniture"], - ["get", "subclass"], - ["get", "class"] - ], - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "poi_transit", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "filter": [ - "match", - ["get", "class"], - ["airport", "bus", "rail"], - true, - false - ], - "layout": { - "icon-image": ["to-string", ["get", "class"]], - "icon-size": 0.7, - "text-anchor": "left", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0.9, 0], - "text-size": 12 - }, - "paint": { - "text-color": "#91c9fa", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "poi_peak_rank1_m", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "mountain_peak", - "minzoom": 10, - "filter": [ - "all", - ["==", "$type", "Point"], - ["<=", "rank", 1], - ["has", "name"], - ["==", "class", "peak"] - ], - "layout": { - "icon-image": "mountain_11", - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 11, - "icon-allow-overlap": false - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1.5 - } - }, - { - "id": "poi_saddle_m", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "mountain_peak", - "minzoom": 13, - "filter": [ - "all", - ["==", "$type", "Point"], - ["<=", "rank", 1], - ["==", "class", "saddle"] - ], - "layout": { - "icon-image": "attraction_11", - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 11, - "icon-allow-overlap": false - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1.5 - } - }, - { - "id": "highway-name-path", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 15.5, - "filter": ["==", ["get", "class"], "path"], - "layout": { - "symbol-placement": "line", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "map", - "text-size": ["interpolate", ["linear"], ["zoom"], 13, 12, 14, 13] - }, - "paint": { - "text-color": "#fff", - "text-halo-color": "#000", - "text-halo-blur": 0.5, - "text-halo-width": 1 - } - }, - { - "id": "highway-name-minor", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 15, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "class"], ["minor", "service", "track"], true, false] - ], - "layout": { - "symbol-placement": "line", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "map", - "text-size": ["interpolate", ["linear"], ["zoom"], 13, 12, 14, 13] - }, - "paint": { - "text-color": "#fff", - "text-halo-color": "#000", - "text-halo-blur": 0.5, - "text-halo-width": 1 - } - }, - { - "id": "highway-name-major", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 12.2, - "filter": [ - "match", - ["get", "class"], - ["primary", "secondary", "tertiary", "trunk"], - true, - false - ], - "layout": { - "symbol-placement": "line", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "map", - "text-size": ["interpolate", ["linear"], ["zoom"], 13, 12, 14, 13] - }, - "paint": { - "text-color": "#fff", - "text-halo-color": "#000", - "text-halo-blur": 0.5, - "text-halo-width": 1 - } - }, - { - "id": "highway-shield-non-us", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 8, - "filter": [ - "all", - ["<=", ["get", "ref_length"], 6], - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - [ - "match", - ["get", "network"], - ["us-highway", "us-interstate", "us-state"], - false, - true - ] - ], - "layout": { - "icon-image": ["concat", "road_", ["get", "ref_length"]], - "icon-rotation-alignment": "viewport", - "icon-size": 1, - "symbol-placement": ["step", ["zoom"], "point", 11, "line"], - "symbol-spacing": 200, - "text-field": ["to-string", ["get", "ref"]], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "viewport", - "text-size": 10 - } - }, - { - "id": "highway-shield-us-interstate", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 7, - "filter": [ - "all", - ["<=", ["get", "ref_length"], 6], - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "network"], ["us-interstate"], true, false] - ], - "layout": { - "icon-image": [ - "concat", - ["get", "network"], - "_", - ["get", "ref_length"] - ], - "icon-rotation-alignment": "viewport", - "icon-size": 1, - "symbol-placement": ["step", ["zoom"], "point", 7, "line", 8, "line"], - "symbol-spacing": 200, - "text-field": ["to-string", ["get", "ref"]], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "viewport", - "text-size": 10 - } - }, - { - "id": "road_shield_us", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 9, - "filter": [ - "all", - ["<=", ["get", "ref_length"], 6], - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "network"], ["us-highway", "us-state"], true, false] - ], - "layout": { - "icon-image": [ - "concat", - ["get", "network"], - "_", - ["get", "ref_length"] - ], - "icon-rotation-alignment": "viewport", - "icon-size": 1, - "symbol-placement": ["step", ["zoom"], "point", 11, "line"], - "symbol-spacing": 200, - "text-field": ["to-string", ["get", "ref"]], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "viewport", - "text-size": 10 - } - }, - { - "id": "airport", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "aerodrome_label", - "minzoom": 10, - "filter": ["all", ["has", "iata"]], - "layout": { - "icon-image": "airport_11", - "icon-size": 1, - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-optional": true, - "text-padding": 2, - "text-size": 12 - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_other", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 8, - "filter": [ - "match", - ["get", "class"], - ["city", "continent", "country", "state", "town", "village"], - false, - true - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.1, - "text-max-width": 9, - "text-size": ["interpolate", ["linear"], ["zoom"], 8, 9, 12, 10], - "text-transform": "uppercase" - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_village", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 9, - "filter": ["==", ["get", "class"], "village"], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 10, ""], - "icon-optional": false, - "icon-size": 0.2, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 8, - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 7, - 10, - 11, - 12 - ] - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_town", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 6, - "filter": ["==", ["get", "class"], "town"], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 10, ""], - "icon-optional": false, - "icon-size": 0.2, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 8, - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 7, - 12, - 11, - 14 - ] - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_state", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 5, - "maxzoom": 8, - "filter": ["==", ["get", "class"], "state"], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 9, - "text-size": ["interpolate", ["linear"], ["zoom"], 5, 10, 8, 14], - "text-transform": "uppercase" - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_city", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 3, - "filter": [ - "all", - ["==", ["get", "class"], "city"], - ["!=", ["get", "capital"], 2] - ], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 9, ""], - "icon-optional": false, - "icon-size": 0.4, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 8, - "text-offset": [0, -0.1], - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 4, - 11, - 7, - 13, - 11, - 18 - ] - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_city_capital", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 3, - "filter": [ - "all", - ["==", ["get", "class"], "city"], - ["==", ["get", "capital"], 2] - ], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 9, ""], - "icon-optional": false, - "icon-size": 0.5, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 8, - "text-offset": [0, -0.2], - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 4, - 12, - 7, - 14, - 11, - 20 - ] - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_country_3", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 2, - "maxzoom": 9, - "filter": [ - "all", - ["==", ["get", "class"], "country"], - [">=", ["get", "rank"], 3] - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 6.25, - "text-size": ["interpolate", ["linear"], ["zoom"], 3, 9, 7, 17] - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_country_2", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "maxzoom": 9, - "filter": [ - "all", - ["==", ["get", "class"], "country"], - ["==", ["get", "rank"], 2] - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 6.25, - "text-size": ["interpolate", ["linear"], ["zoom"], 2, 9, 5, 17] - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - }, - { - "id": "label_country_1", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "maxzoom": 9, - "filter": [ - "all", - ["==", ["get", "class"], "country"], - ["==", ["get", "rank"], 1] - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 6.25, - "text-size": ["interpolate", ["linear"], ["zoom"], 1, 9, 4, 17] - }, - "paint": { - "text-color": "#fff", - "text-halo-blur": 1, - "text-halo-color": "#000", - "text-halo-width": 1 - } - } - ] -} diff --git a/website/src/lib/assets/custom/topo.json b/website/src/lib/assets/custom/topo.json deleted file mode 100644 index 679bfb90f..000000000 --- a/website/src/lib/assets/custom/topo.json +++ /dev/null @@ -1,3234 +0,0 @@ -{ - "version": 8, - "sources": { - "openmaptiles": { - "type": "vector", - "url": "https://tiles.gpx.studio/openmaptiles.json" - }, - "hillshading": { - "type": "vector", - "tiles": ["https://tiles.gpx.studio/hillshading/{z}/{x}/{y}.mvt"], - "minzoom": 4, - "maxzoom": 12 - }, - "contours_m": { - "type": "vector", - "tiles": ["https://tiles.gpx.studio/contours_m/{z}/{x}/{y}.mvt"], - "minzoom": 11, - "maxzoom": 12 - }, - "contours_ft": { - "type": "vector", - "tiles": ["https://tiles.gpx.studio/contours_ft/{z}/{x}/{y}.mvt"], - "minzoom": 11, - "maxzoom": 12 - } - }, - "sprite": "https://tiles.openfreemap.org/sprites/ofm_f384/ofm", - "glyphs": "https://tiles.openfreemap.org/fonts/{fontstack}/{range}.pbf", - "layers": [ - { - "id": "background", - "type": "background", - "paint": {"background-color": "#f8f4f0"} - }, - { - "id": "park", - "type": "fill", - "source": "openmaptiles", - "source-layer": "park", - "paint": { - "fill-color": "#d8e8c8", - "fill-opacity": 0.7, - "fill-outline-color": "rgba(95, 208, 100, 1)" - } - }, - { - "id": "park_outline", - "type": "line", - "source": "openmaptiles", - "source-layer": "park", - "paint": { - "line-color": "rgba(228, 241, 215, 1)", - "line-dasharray": [1, 1.5] - } - }, - { - "id": "landuse_residential", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landuse", - "maxzoom": 12, - "filter": ["==", ["get", "class"], "residential"], - "paint": { - "fill-color": [ - "interpolate", - ["linear"], - ["zoom"], - 9, - "hsla(0,3%,85%,0.84)", - 12, - "hsla(35,57%,88%,0.49)" - ] - } - }, - { - "id": "landcover_wood", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landcover", - "filter": ["==", ["get", "class"], "wood"], - "paint": { - "fill-antialias": false, - "fill-color": "hsla(98,61%,72%,0.7)", - "fill-opacity": 0.4 - } - }, - { - "id": "landcover_grass", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landcover", - "filter": ["==", ["get", "class"], "grass"], - "paint": { - "fill-antialias": false, - "fill-color": "rgba(176, 213, 154, 1)", - "fill-opacity": 0.3 - } - }, - { - "id": "landcover_ice", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landcover", - "filter": ["==", ["get", "class"], "ice"], - "paint": { - "fill-antialias": false, - "fill-color": "rgba(224, 236, 236, 1)", - "fill-opacity": 0.8 - } - }, - { - "id": "landcover_wetland", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landcover", - "minzoom": 12, - "filter": ["==", ["get", "class"], "wetland"], - "paint": { - "fill-antialias": true, - "fill-opacity": 0.8, - "fill-pattern": "wetland_bg_11", - "fill-translate-anchor": "map" - } - }, - { - "id": "hillshading", - "type": "fill", - "source": "hillshading", - "source-layer": "hillshading", - "paint": { - "fill-color": "#bdbdbd", - "fill-opacity": 0.2 - } - }, - { - "id": "contours_index_m", - "type": "line", - "source": "contours_m", - "source-layer": "contours_m", - "filter": [ - "any", - ["all", ["<=", ["zoom"], 11], ["==", ["%", ["get", "ele"], 500], 0]], - ["all", ["==", ["zoom"], 12], ["==", ["%", ["get", "ele"], 250], 0]], - ["all", [">=", ["zoom"], 13], ["==", ["%", ["get", "ele"], 100], 0]] - ], - "paint": { - "line-color": "rgb(124, 122, 121)", - "line-opacity": 0.1, - "line-width": 1.0 - } - }, - { - "id": "contours_m", - "type": "line", - "source": "contours_m", - "source-layer": "contours_m", - "filter": [ - "any", - ["all", ["<=", ["zoom"], 11], ["==", ["%", ["get", "ele"], 100], 0]], - ["all", ["==", ["zoom"], 12], ["==", ["%", ["get", "ele"], 50], 0]], - ["all", [">=", ["zoom"], 13], ["==", ["%", ["get", "ele"], 25], 0]] - ], - "paint": { - "line-color": "rgb(126, 124, 121)", - "line-opacity": 0.3, - "line-width": 0.5 - } - }, - { - "id": "contours_index_ft", - "type": "line", - "source": "contours_ft", - "source-layer": "contours_ft", - "filter": [ - "any", - ["all", ["<=", ["zoom"], 11], ["==", ["%", ["get", "ele"], 2000], 0]], - ["all", ["==", ["zoom"], 12], ["==", ["%", ["get", "ele"], 800], 0]], - ["all", [">=", ["zoom"], 13], ["==", ["%", ["get", "ele"], 400], 0]] - ], - "paint": { - "line-color": "rgb(124, 122, 121)", - "line-opacity": 0.1, - "line-width": 1.0 - } - }, - { - "id": "contours_ft", - "type": "line", - "source": "contours_ft", - "source-layer": "contours_ft", - "filter": [ - "any", - ["all", ["<=", ["zoom"], 11], ["==", ["%", ["get", "ele"], 400], 0]], - ["all", ["==", ["zoom"], 12], ["==", ["%", ["get", "ele"], 200], 0]], - ["all", [">=", ["zoom"], 13], ["==", ["%", ["get", "ele"], 100], 0]] - ], - "paint": { - "line-color": "rgb(126, 124, 121)", - "line-opacity": 0.3, - "line-width": 0.5 - } - }, - { - "id": "landuse_pitch", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landuse", - "filter": ["==", ["get", "class"], "pitch"], - "paint": {"fill-color": "#DEE3CD"} - }, - { - "id": "landuse_track", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landuse", - "filter": ["==", ["get", "class"], "track"], - "paint": {"fill-color": "#DEE3CD"} - }, - { - "id": "landuse_cemetery", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landuse", - "filter": ["==", ["get", "class"], "cemetery"], - "paint": {"fill-color": "hsl(75,37%,81%)"} - }, - { - "id": "landuse_hospital", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landuse", - "filter": ["==", ["get", "class"], "hospital"], - "paint": {"fill-color": "#fde"} - }, - { - "id": "landuse_school", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landuse", - "filter": ["==", ["get", "class"], "school"], - "paint": {"fill-color": "rgb(236,238,204)"} - }, - { - "id": "waterway_tunnel", - "type": "line", - "source": "openmaptiles", - "source-layer": "waterway", - "filter": ["==", ["get", "brunnel"], "tunnel"], - "paint": { - "line-color": "#a0c8f0", - "line-dasharray": [3, 3], - "line-gap-width": ["interpolate", ["linear"], ["zoom"], 12, 0, 20, 6], - "line-opacity": 1, - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 8, - 1, - 20, - 2 - ] - } - }, - { - "id": "waterway_river", - "type": "line", - "source": "openmaptiles", - "source-layer": "waterway", - "filter": [ - "all", - ["==", ["get", "class"], "river"], - ["!=", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-cap": "round"}, - "paint": { - "line-color": "#a0c8f0", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 11, - 0.5, - 20, - 6 - ] - } - }, - { - "id": "waterway_other", - "type": "line", - "source": "openmaptiles", - "source-layer": "waterway", - "filter": [ - "all", - ["!=", ["get", "class"], "river"], - ["!=", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-cap": "round"}, - "paint": { - "line-color": "#a0c8f0", - "line-width": [ - "interpolate", - ["exponential", 1.3], - ["zoom"], - 13, - 0.5, - 20, - 6 - ] - } - }, - { - "id": "water", - "type": "fill", - "source": "openmaptiles", - "source-layer": "water", - "filter": ["!=", ["get", "brunnel"], "tunnel"], - "paint": {"fill-color": "rgb(158,189,255)"} - }, - { - "id": "landcover_sand", - "type": "fill", - "source": "openmaptiles", - "source-layer": "landcover", - "filter": ["==", ["get", "class"], "sand"], - "paint": {"fill-color": "rgba(247, 239, 195, 1)"} - }, - { - "id": "aeroway_fill", - "type": "fill", - "source": "openmaptiles", - "source-layer": "aeroway", - "minzoom": 11, - "filter": [ - "match", - ["geometry-type"], - ["MultiPolygon", "Polygon"], - true, - false - ], - "paint": {"fill-color": "rgba(229, 228, 224, 1)", "fill-opacity": 0.7} - }, - { - "id": "aeroway_runway", - "type": "line", - "source": "openmaptiles", - "source-layer": "aeroway", - "minzoom": 11, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "class"], "runway"] - ], - "paint": { - "line-color": "#f0ede9", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 11, - 3, - 20, - 16 - ] - } - }, - { - "id": "aeroway_taxiway", - "type": "line", - "source": "openmaptiles", - "source-layer": "aeroway", - "minzoom": 11, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "class"], "taxiway"] - ], - "paint": { - "line-color": "#f0ede9", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 11, - 0.5, - 20, - 6 - ] - } - }, - { - "id": "tunnel_motorway_link_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-dasharray": [0.5, 0.25], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 1, - 13, - 3, - 14, - 4, - 20, - 15 - ] - } - }, - { - "id": "tunnel_service_track_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#cfcdca", - "line-dasharray": [0.5, 0.25], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 15, - 1, - 16, - 4, - 20, - 11 - ] - } - }, - { - "id": "tunnel_link_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 1, - 13, - 3, - 14, - 4, - 20, - 15 - ] - } - }, - { - "id": "tunnel_street_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["street", "street_limited"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#cfcdca", - "line-opacity": ["interpolate", ["linear"], ["zoom"], 12, 0, 12.5, 1], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 0.5, - 13, - 1, - 14, - 4, - 20, - 15 - ] - } - }, - { - "id": "tunnel_secondary_tertiary_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 8, - 1.5, - 20, - 17 - ] - } - }, - { - "id": "tunnel_trunk_primary_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0.4, - 6, - 0.7, - 7, - 1.75, - 20, - 22 - ] - } - }, - { - "id": "tunnel_motorway_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-dasharray": [0.5, 0.25], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0.4, - 6, - 0.7, - 7, - 1.75, - 20, - 22 - ] - } - }, - { - "id": "tunnel_path_pedestrian", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["path", "pedestrian"], true, false] - ], - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [1, 0.75], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 0.5, - 20, - 10 - ] - } - }, - { - "id": "tunnel_motorway_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ] - } - }, - { - "id": "tunnel_service_track", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 15.5, - 0, - 16, - 2, - 20, - 7.5 - ] - } - }, - { - "id": "tunnel_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff4c6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ] - } - }, - { - "id": "tunnel_minor", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["minor"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13.5, - 0, - 14, - 2.5, - 20, - 11.5 - ] - } - }, - { - "id": "tunnel_secondary_tertiary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff4c6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 6.5, - 0, - 7, - 0.5, - 20, - 10 - ] - } - }, - { - "id": "tunnel_trunk_primary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff4c6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ] - } - }, - { - "id": "tunnel_motorway", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "tunnel"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#ffdaa6", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ] - } - }, - { - "id": "tunnel_major_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["rail"], true, false] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ] - } - }, - { - "id": "tunnel_major_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["==", ["get", "class"], "rail"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ] - } - }, - { - "id": "tunnel_transit_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["match", ["get", "class"], ["transit"], true, false] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ] - } - }, - { - "id": "tunnel_transit_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "tunnel"], - ["==", ["get", "class"], "transit"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ] - } - }, - { - "id": "road_area_pattern", - "type": "fill", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "match", - ["geometry-type"], - ["MultiPolygon", "Polygon"], - true, - false - ], - "paint": {"fill-pattern": "pedestrian_polygon"} - }, - { - "id": "road_motorway_link_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 12, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 1, - 13, - 3, - 14, - 4, - 20, - 15 - ] - } - }, - { - "id": "road_service_track_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": ["match", ["get", "class"], ["service"], "#cfcdca", "hsl(40,70%,60%,70%)"], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 1, - 15, - 4, - 20, - 11 - ] - } - }, - { - "id": "road_link_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 13, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - [ - "match", - ["get", "class"], - ["motorway", "path", "pedestrian", "service", "track"], - false, - true - ], - ["==", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 1, - 13, - 3, - 14, - 4, - 20, - 15 - ] - } - }, - { - "id": "road_minor_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["minor"], true, false], - ["!=", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#cfcdca", - "line-opacity": ["interpolate", ["linear"], ["zoom"], 12, 0, 12.5, 1], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 0.5, - 13, - 1, - 14, - 4, - 20, - 20 - ] - } - }, - { - "id": "road_secondary_tertiary_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false], - ["!=", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 8, - 1.5, - 20, - 17 - ] - } - }, - { - "id": "road_trunk_primary_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0.4, - 6, - 0.7, - 7, - 1.75, - 20, - 22 - ] - } - }, - { - "id": "road_motorway_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 5, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0.4, - 6, - 0.7, - 7, - 1.75, - 20, - 22 - ] - } - }, - { - "id": "road_path_pedestrian", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 12, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["path", "pedestrian"], true, false], - ["match", ["get", "surface"], ["paved"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [1, 0.7], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 1, - 20, - 10 - ] - } - }, - { - "id": "road_path_pedestrian_trail_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 13, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["path", "pedestrian"], true, false], - ["match", ["get", "surface"], ["paved"], false, true] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "hsl(40,70%,60%)", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13, - 1.6, - 15, - 4 - ] - } - }, - { - "id": "road_path_pedestrian_trail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 13, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["path", "pedestrian"], true, false], - ["match", ["get", "surface"], ["paved"], false, true] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [2.5, 1], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13, - 0.8, - 15, - 2 - ] - } - }, - { - "id": "road_motorway_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 12, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ] - } - }, - { - "id": "road_service_track", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 0.5, - 15, - 2, - 20, - 7.5 - ] - } - }, - { - "id": "road_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 13, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "ramp"], 1], - [ - "match", - ["get", "class"], - ["motorway", "path", "pedestrian", "service", "track"], - false, - true - ] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ] - } - }, - { - "id": "road_minor", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["minor"], true, false] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13.5, - 0, - 14, - 2.5, - 20, - 18 - ] - } - }, - { - "id": "road_secondary_tertiary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 6.5, - 0, - 8, - 0.5, - 20, - 13 - ] - } - }, - { - "id": "road_trunk_primary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ] - } - }, - { - "id": "road_motorway", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 5, - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": [ - "interpolate", - ["linear"], - ["zoom"], - 5, - "hsl(26,87%,62%)", - 6, - "#fc8" - ], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ] - } - }, - { - "id": "road_major_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "rail"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ] - } - }, - { - "id": "road_major_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "rail"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ] - } - }, - { - "id": "road_transit_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "transit"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ] - } - }, - { - "id": "road_transit_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true], - ["==", ["get", "class"], "transit"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ] - } - }, - { - "id": "road_one_way_arrow", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 16, - "filter": ["==", ["get", "oneway"], 1], - "layout": {"icon-image": "arrow", "symbol-placement": "line"} - }, - { - "id": "road_one_way_arrow_opposite", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation", - "minzoom": 16, - "filter": ["==", ["get", "oneway"], -1], - "layout": { - "icon-image": "arrow", - "icon-rotate": 180, - "symbol-placement": "line" - } - }, - { - "id": "bridge_motorway_link_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 1, - 13, - 3, - 14, - 4, - 20, - 15 - ] - } - }, - { - "id": "bridge_service_track_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#cfcdca", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 15, - 1, - 16, - 4, - 20, - 11 - ] - } - }, - { - "id": "bridge_link_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "link"], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 1, - 13, - 3, - 14, - 4, - 20, - 15 - ] - } - }, - { - "id": "bridge_street_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["street", "street_limited"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "hsl(36,6%,74%)", - "line-opacity": ["interpolate", ["linear"], ["zoom"], 12, 0, 12.5, 1], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12, - 0.5, - 13, - 1, - 14, - 4, - 20, - 25 - ] - } - }, - { - "id": "bridge_path_pedestrian_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["path", "pedestrian"], true, false], - ["match", ["get", "subclass"], ["path", "footway"], false, true] - ], - "paint": { - "line-color": "hsl(35,6%,80%)", - "line-dasharray": [1, 0], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 1.5, - 20, - 18 - ] - } - }, - { - "id": "bridge_path_pedestrian_trail_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["path", "pedestrian"], true, false], - ["match", ["get", "subclass"], ["path", "footway"], true, false] - ], - "paint": { - "line-color": "hsl(40,70%,60%)", - "line-dasharray": [1, 0], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 2, - 20, - 12 - ] - } - }, - { - "id": "bridge_secondary_tertiary_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 8, - 1.5, - 20, - 17 - ] - } - }, - { - "id": "bridge_trunk_primary_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0.4, - 6, - 0.7, - 7, - 1.75, - 20, - 22 - ] - } - }, - { - "id": "bridge_motorway_casing", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#e9ac77", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0.4, - 6, - 0.7, - 7, - 1.75, - 20, - 22 - ] - } - }, - { - "id": "bridge_path_pedestrian", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["path", "pedestrian"], true, false], - ["match", ["get", "subclass"], ["path", "footway"], false, true] - ], - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [1, 0.3], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 0.5, - 20, - 10 - ] - } - }, - { - "id": "bridge_path_pedestrian_trail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["path", "pedestrian"], true, false], - ["match", ["get", "subclass"], ["path", "footway"], true, false] - ], - "paint": { - "line-color": "hsl(0,0%,100%)", - "line-dasharray": [0.8, 0.3], - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 14, - 1, - 20, - 6 - ] - } - }, - { - "id": "bridge_motorway_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["==", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ] - } - }, - { - "id": "bridge_service_track", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["service", "track"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 15.5, - 0, - 16, - 2, - 20, - 7.5 - ] - } - }, - { - "id": "bridge_link", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "link"], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 12.5, - 0, - 13, - 1.5, - 14, - 2.5, - 20, - 11.5 - ] - } - }, - { - "id": "bridge_street", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["minor"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fff", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 13.5, - 0, - 14, - 2.5, - 20, - 18 - ] - } - }, - { - "id": "bridge_secondary_tertiary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["secondary", "tertiary"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 6.5, - 0, - 7, - 0.5, - 20, - 10 - ] - } - }, - { - "id": "bridge_trunk_primary", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "brunnel"], "bridge"], - ["match", ["get", "class"], ["primary", "trunk"], true, false] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fea", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ] - } - }, - { - "id": "bridge_motorway", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "motorway"], - ["!=", ["get", "ramp"], 1], - ["==", ["get", "brunnel"], "bridge"] - ], - "layout": {"line-join": "round"}, - "paint": { - "line-color": "#fc8", - "line-width": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 5, - 0, - 7, - 1, - 20, - 18 - ] - } - }, - { - "id": "bridge_major_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "rail"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ] - } - }, - { - "id": "bridge_major_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "rail"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ] - } - }, - { - "id": "bridge_transit_rail", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "transit"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14, - 0.4, - 15, - 0.75, - 20, - 2 - ] - } - }, - { - "id": "bridge_transit_rail_hatching", - "type": "line", - "source": "openmaptiles", - "source-layer": "transportation", - "filter": [ - "all", - ["==", ["get", "class"], "transit"], - ["==", ["get", "brunnel"], "bridge"] - ], - "paint": { - "line-color": "#bbb", - "line-dasharray": [0.2, 8], - "line-width": [ - "interpolate", - ["exponential", 1.4], - ["zoom"], - 14.5, - 0, - 15, - 3, - 20, - 8 - ] - } - }, - { - "id": "building", - "type": "fill", - "source": "openmaptiles", - "source-layer": "building", - "minzoom": 13, - "maxzoom": 14, - "paint": { - "fill-color": "hsl(35,8%,85%)", - "fill-outline-color": [ - "interpolate", - ["linear"], - ["zoom"], - 13, - "hsla(35,6%,79%,0.32)", - 14, - "hsl(35,6%,79%)" - ] - } - }, - { - "id": "building-3d", - "type": "fill-extrusion", - "source": "openmaptiles", - "source-layer": "building", - "minzoom": 14, - "paint": { - "fill-extrusion-base": ["get", "render_min_height"], - "fill-extrusion-color": "hsl(35,8%,85%)", - "fill-extrusion-height": ["get", "render_height"], - "fill-extrusion-opacity": 0.8 - } - }, - { - "id": "boundary_3", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "minzoom": 5, - "filter": [ - "all", - ["==", ["typeof", ["get", "admin_level"]], "number"], - [">=", ["get", "admin_level"], 3], - ["<=", ["get", "admin_level"], 6], - ["!=", ["get", "maritime"], 1], - ["!=", ["get", "disputed"], 1], - ["!", ["has", "claimed_by"]] - ], - "paint": { - "line-color": "hsl(0,0%,70%)", - "line-dasharray": [1, 1], - "line-width": ["interpolate", ["linear", 1], ["zoom"], 7, 1, 11, 2] - } - }, - { - "id": "boundary_2", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "filter": [ - "all", - ["==", ["get", "admin_level"], 2], - ["!=", ["get", "maritime"], 1], - ["!=", ["get", "disputed"], 1], - ["!", ["has", "claimed_by"]] - ], - "layout": {"line-cap": "round", "line-join": "round"}, - "paint": { - "line-color": "hsl(248,1%,41%)", - "line-opacity": ["interpolate", ["linear"], ["zoom"], 0, 0.4, 4, 1], - "line-width": ["interpolate", ["linear"], ["zoom"], 3, 1, 5, 1.2, 12, 3] - } - }, - { - "id": "boundary_disputed", - "type": "line", - "source": "openmaptiles", - "source-layer": "boundary", - "filter": [ - "all", - ["!=", ["get", "maritime"], 1], - ["==", ["get", "disputed"], 1] - ], - "paint": { - "line-color": "hsl(248,1%,41%)", - "line-dasharray": [1, 2], - "line-width": ["interpolate", ["linear"], ["zoom"], 3, 1, 5, 1.2, 12, 3] - } - }, - { - "id": "contours_label_m", - "type": "symbol", - "source": "contours_m", - "source-layer": "contours_m", - "filter": [ - "any", - ["all", ["<=", ["zoom"], 11], ["==", ["%", ["get", "ele"], 500], 0]], - ["all", ["==", ["zoom"], 12], ["==", ["%", ["get", "ele"], 250], 0]], - ["all", ["==", ["zoom"], 13], ["==", ["%", ["get", "ele"], 100], 0]], - ["all", [">=", ["zoom"], 14], ["==", ["%", ["get", "ele"], 50], 0]] - ], - "layout": { - "text-size": ["interpolate", ["linear"], ["zoom"], 11, 6, 18, 10], - "text-allow-overlap": false, - "symbol-avoid-edges": true, - "text-ignore-placement": false, - "symbol-placement": "line", - "text-rotation-alignment": "map", - "text-field": "{ele}m", - "text-padding": 0 - }, - "paint": { - "text-color": "#5c5c5c", - "text-halo-color": "rgba(255,255,255,0.85)", - "text-halo-width": 1.25 - } - }, - { - "id": "contours_label_ft", - "type": "symbol", - "source": "contours_ft", - "source-layer": "contours_ft", - "filter": [ - "any", - ["all", ["<=", ["zoom"], 11], ["==", ["%", ["get", "ele"], 2000], 0]], - ["all", ["==", ["zoom"], 12], ["==", ["%", ["get", "ele"], 1000], 0]], - ["all", ["==", ["zoom"], 13], ["==", ["%", ["get", "ele"], 400], 0]], - ["all", [">=", ["zoom"], 14], ["==", ["%", ["get", "ele"], 200], 0]] - ], - "layout": { - "text-size": ["interpolate", ["linear"], ["zoom"], 11, 6, 18, 10], - "text-allow-overlap": false, - "symbol-avoid-edges": true, - "text-ignore-placement": false, - "symbol-placement": "line", - "text-rotation-alignment": "map", - "text-field": "{ele}ft", - "text-padding": 0 - }, - "paint": { - "text-color": "#5c5c5c", - "text-halo-color": "rgba(255,255,255,0.85)", - "text-halo-width": 1.25 - } - }, - { - "id": "waterway_line_label", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "waterway", - "minzoom": 10, - "filter": [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - "layout": { - "symbol-placement": "line", - "symbol-spacing": 350, - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 5, - "text-size": 14 - }, - "paint": { - "text-color": "#74aee9", - "text-halo-color": "rgba(255,255,255,0.7)", - "text-halo-width": 1.5 - } - }, - { - "id": "water_name_point_label", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "water_name", - "filter": [ - "match", - ["geometry-type"], - ["MultiPoint", "Point"], - true, - false - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 5, - "text-size": ["interpolate", ["linear"], ["zoom"], 0, 10, 8, 14] - }, - "paint": { - "text-color": "#495e91", - "text-halo-color": "rgba(255,255,255,0.7)", - "text-halo-width": 1.5 - } - }, - { - "id": "water_name_line_label", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "water_name", - "filter": [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - "layout": { - "symbol-placement": "line", - "symbol-spacing": 350, - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 5, - "text-size": 14 - }, - "paint": { - "text-color": "#495e91", - "text-halo-color": "rgba(255,255,255,0.7)", - "text-halo-width": 1.5 - } - }, - { - "id": "poi_r20", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "minzoom": 17, - "filter": [ - "all", - ["match", ["geometry-type"], ["MultiPoint", "Point"], true, false], - [">=", ["get", "rank"], 20] - ], - "layout": { - "icon-image": [ - "match", - ["get", "subclass"], - ["florist", "furniture"], - ["get", "subclass"], - ["get", "class"] - ], - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#666", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1 - } - }, - { - "id": "poi_r7", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "minzoom": 16, - "filter": [ - "all", - ["match", ["geometry-type"], ["MultiPoint", "Point"], true, false], - [">=", ["get", "rank"], 7], - ["<", ["get", "rank"], 20] - ], - "layout": { - "icon-image": [ - "match", - ["get", "subclass"], - ["florist", "furniture"], - ["get", "subclass"], - ["get", "class"] - ], - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#666", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1 - } - }, - { - "id": "nature_park", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "park", - "minzoom": 9, - "filter": [ - "all", - ["match", ["geometry-type"], ["Point"], true, false], - ["<=", ["get", "rank"], 1] - ], - "layout": { - "icon-image": "park_11", - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#666", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1 - } - }, - { - "id": "poi_r1", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "minzoom": 14, - "filter": [ - "all", - ["match", ["geometry-type"], ["MultiPoint", "Point"], true, false], - [">=", ["get", "rank"], 1], - ["<", ["get", "rank"], 7] - ], - "layout": { - "icon-image": [ - "match", - ["get", "subclass"], - ["florist", "furniture"], - ["get", "subclass"], - ["get", "class"] - ], - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 12 - }, - "paint": { - "text-color": "#666", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1 - } - }, - { - "id": "poi_transit", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "poi", - "filter": [ - "match", - ["get", "class"], - ["airport", "bus", "rail"], - true, - false - ], - "layout": { - "icon-image": ["to-string", ["get", "class"]], - "icon-size": 0.7, - "text-anchor": "left", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-max-width": 9, - "text-offset": [0.9, 0], - "text-size": 12 - }, - "paint": { - "text-color": "#2e5a80", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1 - } - }, - { - "id": "poi_peak_rank1_m", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "mountain_peak", - "minzoom": 10, - "filter": [ - "all", - ["==", "$type", "Point"], - ["<=", "rank", 1], - ["has", "name"], - ["==", "class", "peak"] - ], - "layout": { - "icon-image": "mountain_11", - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 11, - "icon-allow-overlap": false - }, - "paint": { - "text-color": "rgba(30, 30, 30, 1)", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1.5 - } - }, - { - "id": "poi_saddle_m", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "mountain_peak", - "minzoom": 13, - "filter": [ - "all", - ["==", "$type", "Point"], - ["<=", "rank", 1], - ["==", "class", "saddle"] - ], - "layout": { - "icon-image": "attraction_11", - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-size": 11, - "icon-allow-overlap": false - }, - "paint": { - "text-color": "rgba(30, 30, 30, 1)", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1.5 - } - }, - { - "id": "highway-name-path", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 15.5, - "filter": ["==", ["get", "class"], "path"], - "layout": { - "symbol-placement": "line", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "map", - "text-size": ["interpolate", ["linear"], ["zoom"], 13, 12, 14, 13] - }, - "paint": { - "text-color": "#666", - "text-halo-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-width": 1 - } - }, - { - "id": "highway-name-minor", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 15, - "filter": [ - "all", - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "class"], ["minor", "service", "track"], true, false] - ], - "layout": { - "symbol-placement": "line", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "map", - "text-size": ["interpolate", ["linear"], ["zoom"], 13, 12, 14, 13] - }, - "paint": { - "text-color": "#666", - "text-halo-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-width": 1 - } - }, - { - "id": "highway-name-major", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 12.2, - "filter": [ - "match", - ["get", "class"], - ["primary", "secondary", "tertiary", "trunk"], - true, - false - ], - "layout": { - "symbol-placement": "line", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], " ", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "map", - "text-size": ["interpolate", ["linear"], ["zoom"], 13, 12, 14, 13] - }, - "paint": { - "text-color": "#666", - "text-halo-color": "#fff", - "text-halo-blur": 0.5, - "text-halo-width": 1 - } - }, - { - "id": "highway-shield-non-us", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 8, - "filter": [ - "all", - ["<=", ["get", "ref_length"], 6], - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - [ - "match", - ["get", "network"], - ["us-highway", "us-interstate", "us-state"], - false, - true - ] - ], - "layout": { - "icon-image": ["concat", "road_", ["get", "ref_length"]], - "icon-rotation-alignment": "viewport", - "icon-size": 1, - "symbol-placement": ["step", ["zoom"], "point", 11, "line"], - "symbol-spacing": 200, - "text-field": ["to-string", ["get", "ref"]], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "viewport", - "text-size": 10 - } - }, - { - "id": "highway-shield-us-interstate", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 7, - "filter": [ - "all", - ["<=", ["get", "ref_length"], 6], - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "network"], ["us-interstate"], true, false] - ], - "layout": { - "icon-image": [ - "concat", - ["get", "network"], - "_", - ["get", "ref_length"] - ], - "icon-rotation-alignment": "viewport", - "icon-size": 1, - "symbol-placement": ["step", ["zoom"], "point", 7, "line", 8, "line"], - "symbol-spacing": 200, - "text-field": ["to-string", ["get", "ref"]], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "viewport", - "text-size": 10 - } - }, - { - "id": "road_shield_us", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "transportation_name", - "minzoom": 9, - "filter": [ - "all", - ["<=", ["get", "ref_length"], 6], - [ - "match", - ["geometry-type"], - ["LineString", "MultiLineString"], - true, - false - ], - ["match", ["get", "network"], ["us-highway", "us-state"], true, false] - ], - "layout": { - "icon-image": [ - "concat", - ["get", "network"], - "_", - ["get", "ref_length"] - ], - "icon-rotation-alignment": "viewport", - "icon-size": 1, - "symbol-placement": ["step", ["zoom"], "point", 11, "line"], - "symbol-spacing": 200, - "text-field": ["to-string", ["get", "ref"]], - "text-font": ["Noto Sans Regular"], - "text-rotation-alignment": "viewport", - "text-size": 10 - } - }, - { - "id": "airport", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "aerodrome_label", - "minzoom": 10, - "filter": ["all", ["has", "iata"]], - "layout": { - "icon-image": "airport_11", - "icon-size": 1, - "text-anchor": "top", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 9, - "text-offset": [0, 0.6], - "text-optional": true, - "text-padding": 2, - "text-size": 12 - }, - "paint": { - "text-color": "#666", - "text-halo-blur": 0.5, - "text-halo-color": "#ffffff", - "text-halo-width": 1 - } - }, - { - "id": "label_other", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 8, - "filter": [ - "match", - ["get", "class"], - ["city", "continent", "country", "state", "town", "village"], - false, - true - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.1, - "text-max-width": 9, - "text-size": ["interpolate", ["linear"], ["zoom"], 8, 9, 12, 10], - "text-transform": "uppercase" - }, - "paint": { - "text-color": "#333", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_village", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 9, - "filter": ["==", ["get", "class"], "village"], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 10, ""], - "icon-optional": false, - "icon-size": 0.2, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 8, - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 7, - 10, - 11, - 12 - ] - }, - "paint": { - "text-color": "#000", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_town", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 6, - "filter": ["==", ["get", "class"], "town"], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 10, ""], - "icon-optional": false, - "icon-size": 0.2, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 8, - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 7, - 12, - 11, - 14 - ] - }, - "paint": { - "text-color": "#000", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_state", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 5, - "maxzoom": 8, - "filter": ["==", ["get", "class"], "state"], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Italic"], - "text-letter-spacing": 0.2, - "text-max-width": 9, - "text-size": ["interpolate", ["linear"], ["zoom"], 5, 10, 8, 14], - "text-transform": "uppercase" - }, - "paint": { - "text-color": "#333", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_city", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 3, - "filter": [ - "all", - ["==", ["get", "class"], "city"], - ["!=", ["get", "capital"], 2] - ], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 9, ""], - "icon-optional": false, - "icon-size": 0.4, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Regular"], - "text-max-width": 8, - "text-offset": [0, -0.1], - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 4, - 11, - 7, - 13, - 11, - 18 - ] - }, - "paint": { - "text-color": "#000", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_city_capital", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 3, - "filter": [ - "all", - ["==", ["get", "class"], "city"], - ["==", ["get", "capital"], 2] - ], - "layout": { - "icon-allow-overlap": true, - "icon-image": ["step", ["zoom"], "circle_11_black", 9, ""], - "icon-optional": false, - "icon-size": 0.5, - "text-anchor": "bottom", - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 8, - "text-offset": [0, -0.2], - "text-size": [ - "interpolate", - ["exponential", 1.2], - ["zoom"], - 4, - 12, - 7, - 14, - 11, - 20 - ] - }, - "paint": { - "text-color": "#000", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_country_3", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "minzoom": 2, - "maxzoom": 9, - "filter": [ - "all", - ["==", ["get", "class"], "country"], - [">=", ["get", "rank"], 3] - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 6.25, - "text-size": ["interpolate", ["linear"], ["zoom"], 3, 9, 7, 17] - }, - "paint": { - "text-color": "#000", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_country_2", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "maxzoom": 9, - "filter": [ - "all", - ["==", ["get", "class"], "country"], - ["==", ["get", "rank"], 2] - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 6.25, - "text-size": ["interpolate", ["linear"], ["zoom"], 2, 9, 5, 17] - }, - "paint": { - "text-color": "#000", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - }, - { - "id": "label_country_1", - "type": "symbol", - "source": "openmaptiles", - "source-layer": "place", - "maxzoom": 9, - "filter": [ - "all", - ["==", ["get", "class"], "country"], - ["==", ["get", "rank"], 1] - ], - "layout": { - "text-field": [ - "case", - ["has", "name:nonlatin"], - ["concat", ["get", "name:latin"], "\n", ["get", "name:nonlatin"]], - ["coalesce", ["get", "name_en"], ["get", "name"]] - ], - "text-font": ["Noto Sans Bold"], - "text-max-width": 6.25, - "text-size": ["interpolate", ["linear"], ["zoom"], 1, 9, 4, 17] - }, - "paint": { - "text-color": "#000", - "text-halo-blur": 1, - "text-halo-color": "#fff", - "text-halo-width": 1 - } - } - ] -} diff --git a/website/src/lib/assets/layers.ts b/website/src/lib/assets/layers.ts index f6464e84c..ce3fcca42 100644 --- a/website/src/lib/assets/layers.ts +++ b/website/src/lib/assets/layers.ts @@ -27,14 +27,12 @@ import ignFrTopo from './custom/ign-fr-topo.json'; import ignFrPlan from './custom/ign-fr-plan.json'; import ignFrSatellite from './custom/ign-fr-satellite.json'; import bikerouterGravel from './custom/bikerouter-gravel.json'; -import topo from './custom/topo.json'; -import satellite from './custom/satellite.json'; export const maptilerKeyPlaceHolder = 'MAPTILER_KEY'; export const basemaps: { [key: string]: string | StyleSpecification } = { - topo: topo as StyleSpecification, - satellite: satellite as StyleSpecification, + topo: 'https://raw.githubusercontent.com/gpxstudio/styles/refs/heads/main/topo.json', + satellite: 'https://raw.githubusercontent.com/gpxstudio/styles/refs/heads/main/satellite.json', esriSatellite: { version: 8, sources: { diff --git a/website/src/lib/components/map/style.ts b/website/src/lib/components/map/style.ts index 5fafda659..904a8077f 100644 --- a/website/src/lib/components/map/style.ts +++ b/website/src/lib/components/map/style.ts @@ -91,6 +91,18 @@ export class StyleManager { let basemapStyle = basemaps.openStreetMap as maplibregl.StyleSpecification; try { basemapStyle = await this.get(basemapInfo); + for (const source in basemapStyle.sources) { + const src = basemapStyle.sources[source]; + if ( + src && + typeof src === 'object' && + 'url' in src && + typeof src.url === 'string' && + src.url.includes(maptilerKeyPlaceHolder) + ) { + src.url = src.url.replace(maptilerKeyPlaceHolder, this._maptilerKey); + } + } } catch (e) { console.error(e.message); } @@ -199,18 +211,6 @@ export class StyleManager { const style = await response.json(); return style; } else { - for (const source in styleInfo.sources) { - const src = styleInfo.sources[source]; - if ( - src && - typeof src === 'object' && - 'url' in src && - typeof src.url === 'string' && - src.url.includes(maptilerKeyPlaceHolder) - ) { - src.url = src.url.replace(maptilerKeyPlaceHolder, this._maptilerKey); - } - } return styleInfo; } }