Skip to content

Instantly share code, notes, and snippets.

@espeon

espeon/darkmode.json

Created April 9, 2025 05:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save espeon/de168da3748c9462e1186203c78221a3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save espeon/de168da3748c9462e1186203c78221a3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
darkmode.json
{
"version": 8,
"metadata": {"maputnik:renderer": "mbgljs"},
"sources": {
"ne2_shaded": {
"maxzoom": 6,
"tileSize": 256,
"tiles": [
"https://tiles.openfreemap.org/natural_earth/ne2sr/{z}/{x}/{y}.png"
],
"type": "raster"
},
"openmaptiles": {
"type": "vector",
"url": "https://tiles.openfreemap.org/planet"
}
},
"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": "#343440"}
},
{
"id": "natural_earth",
"type": "raster",
"source": "ne2_shaded",
"maxzoom": 7,
"paint": {
"raster-opacity": [
"interpolate",
["exponential", 1.5],
["zoom"],
0,
0.6,
6,
0.1
]
}
},
{
"id": "park",
"type": "fill",
"source": "openmaptiles",
"source-layer": "park",
"paint": {
"fill-color": "rgba(36, 39, 34, 1)",
"fill-opacity": 0.7,
"fill-outline-color": "rgba(42, 92, 44, 1)"
}
},
{
"id": "park_outline",
"type": "line",
"source": "openmaptiles",
"source-layer": "park",
"paint": {"line-color": "rgba(80, 86, 78, 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%,35%,0.84)",
12,
"hsla(35,57%,38%,0.49)"
]
}
},
{
"id": "landcover_wood",
"type": "fill",
"source": "openmaptiles",
"source-layer": "landcover",
"filter": ["==", ["get", "class"], "wood"],
"paint": {
"fill-antialias": false,
"fill-color": "rgba(55, 74, 45, 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(72, 105, 52, 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(79, 84, 84, 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",
"fill-color": "rgba(78, 78, 78, 0.2)"
}
},
{
"id": "landuse_pitch",
"type": "fill",
"source": "openmaptiles",
"source-layer": "landuse",
"filter": ["==", ["get", "class"], "pitch"],
"paint": {"fill-color": "rgba(94, 96, 85, 1)"}
},
{
"id": "landuse_track",
"type": "fill",
"source": "openmaptiles",
"source-layer": "landuse",
"filter": ["==", ["get", "class"], "track"],
"paint": {"fill-color": "rgba(147, 150, 136, 1)"}
},
{
"id": "landuse_cemetery",
"type": "fill",
"source": "openmaptiles",
"source-layer": "landuse",
"filter": ["==", ["get", "class"], "cemetery"],
"paint": {"fill-color": "rgba(96, 100, 83, 1)"}
},
{
"id": "landuse_hospital",
"type": "fill",
"source": "openmaptiles",
"source-layer": "landuse",
"filter": ["==", ["get", "class"], "hospital"],
"paint": {"fill-color": "rgba(121, 17, 66, 1)"}
},
{
"id": "landuse_school",
"type": "fill",
"source": "openmaptiles",
"source-layer": "landuse",
"filter": ["==", ["get", "class"], "school"],
"paint": {"fill-color": "rgba(84, 84, 71, 1)"}
},
{
"id": "waterway_tunnel",
"type": "line",
"source": "openmaptiles",
"source-layer": "waterway",
"filter": ["==", ["get", "brunnel"], "tunnel"],
"paint": {
"line-color": "rgba(101, 127, 152, 1)",
"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": "rgba(90, 113, 135, 1)",
"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": "rgba(101, 125, 150, 1)",
"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": "rgba(93, 112, 148, 1)"}
},
{
"id": "landcover_sand",
"type": "fill",
"source": "openmaptiles",
"source-layer": "landcover",
"filter": ["==", ["get", "class"], "sand"],
"paint": {"fill-color": "rgba(123, 119, 98, 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(100, 100, 100, 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": "rgba(100, 100, 100, 1)",
"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": "rgba(144, 144, 144, 1)",
"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": "rgba(131, 97, 68, 1)",
"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": "rgba(133, 133, 133, 1)",
"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": "rgba(127, 94, 65, 1)",
"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": "rgba(156, 123, 78, 1)",
"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": "rgba(129, 95, 66, 1)",
"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": "rgba(138, 101, 70, 1)",
"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": "rgba(123, 123, 123, 1)",
"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": "rgba(142, 113, 76, 1)",
"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": "rgba(127, 127, 127, 1)",
"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": "rgba(140, 134, 109, 1)",
"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": "rgba(123, 123, 123, 1)",
"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": "rgba(140, 133, 108, 1)",
"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": "rgba(125, 120, 97, 1)",
"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": "rgba(117, 100, 76, 1)",
"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": "rgba(113, 111, 111, 1)",
"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": "rgba(105, 104, 104, 1)",
"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": "rgba(84, 83, 83, 1)",
"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": "rgba(84, 84, 84, 1)",
"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": "rgba(140, 103, 69, 1)",
"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": "rgba(152, 152, 152, 1)",
"line-width": [
"interpolate",
["exponential", 1.2],
["zoom"],
15,
1,
16,
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": "rgba(138, 102, 72, 1)",
"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": "rgba(84, 84, 84, 1)",
"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": "rgba(109, 79, 54, 1)",
"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": "rgba(109, 80, 57, 1)",
"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": "rgba(86, 65, 44, 1)",
"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": 14,
"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": "rgba(133, 133, 133, 1)",
"line-dasharray": [1, 0.7],
"line-width": [
"interpolate",
["exponential", 1.2],
["zoom"],
14,
1,
20,
10
]
}
},
{
"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": "rgba(119, 95, 64, 1)",
"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": "rgba(177, 177, 177, 1)",
"line-width": [
"interpolate",
["exponential", 1.2],
["zoom"],
15.5,
0,
16,
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": "rgba(144, 134, 96, 1)",
"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": "rgba(160, 160, 160, 0.6)",
"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": "rgba(129, 118, 86, 1)",
"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": "rgba(138, 129, 88, 1)",
"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%,32%)",
6,
"#8a9"
],
"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": "rgba(193, 193, 193, 1)",
"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": "rgba(142, 105, 73, 1)",
"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": "rgba(115, 114, 112, 1)",
"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": "rgba(152, 112, 77, 1)",
"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": "rgba(146, 144, 141, 1)",
"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]
],
"paint": {
"line-color": "rgba(131, 131, 131, 1)",
"line-dasharray": [1, 0],
"line-width": [
"interpolate",
["exponential", 1.2],
["zoom"],
14,
1.5,
20,
18
]
}
},
{
"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": "rgba(133, 99, 69, 1)",
"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": "rgba(131, 96, 66, 1)",
"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": "rgba(117, 87, 61, 1)",
"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]
],
"paint": {
"line-color": "rgba(123, 121, 121, 1)",
"line-dasharray": [1, 0.3],
"line-width": [
"interpolate",
["exponential", 1.2],
["zoom"],
14,
0.5,
20,
10
]
}
},
{
"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": "rgba(131, 106, 72, 1)",
"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": "rgba(127, 123, 123, 1)",
"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": "rgba(123, 114, 80, 1)",
"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": "rgba(117, 116, 116, 1)",
"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": "rgba(135, 127, 92, 1)",
"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": "rgba(111, 104, 76, 1)",
"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": "rgba(90, 71, 46, 1)",
"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": "rgba(103, 103, 103, 1)",
"fill-outline-color": [
"interpolate",
["linear"],
["zoom"],
13,
"hsla(35,6%,49%,0.32)",
14,
"hsl(35,6%,49%)"
]
}
},
{
"id": "building-3d",
"type": "fill-extrusion",
"source": "openmaptiles",
"source-layer": "building",
"minzoom": 14,
"paint": {
"fill-extrusion-base": ["get", "render_min_height"],
"fill-extrusion-color": "rgba(127, 126, 126, 1)",
"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",
[">=", ["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": "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": "rgba(255, 255, 255, 1)",
"text-halo-blur": 0.5,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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": "rgba(255, 255, 255, 1)",
"text-halo-blur": 0.5,
"text-halo-color": "#000",
"text-halo-width": 1
}
},
{
"id": "poi_r1",
"type": "symbol",
"source": "openmaptiles",
"source-layer": "poi",
"minzoom": 15,
"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": "rgba(255, 255, 255, 1)",
"text-halo-blur": 0.5,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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": "rgba(142, 202, 255, 1)",
"text-halo-blur": 0.5,
"text-halo-color": "#000",
"text-halo-width": 1
}
},
{
"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": "hsl(30,23%,62%)",
"text-halo-color": "#f8f4f0",
"text-halo-width": 0.5
}
},
{
"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-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-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-halo-blur": 0.5,
"text-halo-color": "#000",
"text-halo-width": 1,
"text-color": "rgba(193, 193, 193, 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": "rgba(255, 255, 255, 1)",
"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-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"text-halo-width": 1,
"text-color": "rgba(222, 222, 222, 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": "rgba(222, 222, 222, 1)",
"text-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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": "rgba(222, 222, 222, 1)",
"text-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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
],
"visibility": "visible"
},
"paint": {
"text-color": "rgba(255, 255, 255, 1)",
"text-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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": "rgba(222, 222, 222, 1)",
"text-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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": "rgba(222, 222, 222, 1)",
"text-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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": "rgba(222, 222, 222, 1)",
"text-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"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": "rgba(222, 222, 222, 1)",
"text-halo-blur": 1,
"text-halo-color": "rgba(0, 0, 0, 1)",
"text-halo-width": 1
}
}
],
"id": "pnb637wmc"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment