Production handoff Take the style with you Every code option and the JSON contain your exact selected style.
MapLibre code Style JSON
{
"version": 8,
"glyphs": "https://api.mapscale.io/fonts/v1/{fontstack}/{range}.pbf?key=YOUR_MAPSCALE_KEY",
"sources": {
"osm": {
"type": "vector",
"tiles": [
"https://api.mapscale.io/tiles/v1/world/{z}/{x}/{y}.mvt?key=YOUR_MAPSCALE_KEY"
],
"attribution": "<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\" rel=\"noopener noreferrer\">© OpenStreetMap contributors</a> (<a href=\"https://opendatacommons.org/licenses/odbl/1-0/\" target=\"_blank\" rel=\"noopener noreferrer\">ODbL 1.0</a>) · <a href=\"https://www.naturalearthdata.com/about/terms-of-use/\" target=\"_blank\" rel=\"noopener noreferrer\">Natural Earth</a>",
"minzoom": 0,
"maxzoom": 14
},
"city-landmark": {
"type": "geojson",
"data": {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"name_en": "King Power MahaNakhon",
"name_th": "คิง เพาเวอร์ มหานคร",
"priority": 10
},
"geometry": {
"type": "Point",
"coordinates": [
100.5281,
13.7233
]
}
}
]
},
"attribution": "© OpenStreetMap contributors"
}
},
"layers": [
{
"id": "background",
"type": "background",
"paint": {
"background-color": "#eef0f2"
}
},
{
"id": "landcover-glacier",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landcover",
"filter": [
"==",
"subclass",
"glacier"
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#c8dfc0",
"fill-opacity": {
"base": 1,
"stops": [
[
0,
0.9
],
[
10,
0.3
]
]
}
}
},
{
"id": "landcover-farmland",
"type": "fill",
"source": "osm",
"source-layer": "landcover",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"==",
"class",
"farmland"
],
[
"!=",
"subclass",
"orchard"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#c8dfc0",
"fill-opacity": 0.76
}
},
{
"id": "landcover-orchard",
"type": "fill",
"source": "osm",
"source-layer": "landcover",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"==",
"class",
"farmland"
],
[
"==",
"subclass",
"orchard"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#c8dfc0",
"fill-opacity": 0.86
}
},
{
"id": "landuse-retail",
"type": "fill",
"source": "osm",
"source-layer": "landuse",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"==",
"class",
"retail"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#c7ccd2",
"fill-opacity": 0.82
}
},
{
"id": "landuse-transit-hub",
"type": "fill",
"source": "osm",
"source-layer": "landuse",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"==",
"class",
"bus_station"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#d8673c",
"fill-opacity": 0.86
}
},
{
"id": "landuse-residential",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landuse",
"filter": [
"all",
[
"in",
"class",
"residential",
"suburb",
"neighbourhood"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#e5e7e9"
}
},
{
"id": "landuse-commercial",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landuse",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"==",
"class",
"commercial"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#ecdcd4"
}
},
{
"id": "landuse-industrial",
"type": "fill",
"source": "osm",
"source-layer": "landuse",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"in",
"class",
"industrial",
"garages",
"dam"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#d9dce0"
}
},
{
"id": "landuse-cemetery",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landuse",
"filter": [
"==",
"class",
"cemetery"
],
"paint": {
"fill-color": "#d1dfcb"
}
},
{
"id": "landuse-hospital",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landuse",
"filter": [
"==",
"class",
"hospital"
],
"paint": {
"fill-color": "#efd7d9"
}
},
{
"id": "landuse-school",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landuse",
"filter": [
"==",
"class",
"school"
],
"paint": {
"fill-color": "#eee1c7"
}
},
{
"id": "landuse-railway",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landuse",
"filter": [
"==",
"class",
"railway"
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#d5d4d2"
}
},
{
"id": "landcover-wood",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landcover",
"filter": [
"==",
"class",
"wood"
],
"paint": {
"fill-antialias": {
"base": 1,
"stops": [
[
0,
false
],
[
9,
true
]
]
},
"fill-color": "#bdd7b5",
"fill-opacity": 0.5,
"fill-outline-color": "hsla(98, 50%, 60%, 0.1)"
}
},
{
"id": "landcover-grass",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "landcover",
"filter": [
"==",
"class",
"grass"
],
"paint": {
"fill-color": "#d2e4cc",
"fill-opacity": 0.5
}
},
{
"id": "landcover-grass-park",
"type": "fill",
"metadata": {
"mapbox:group": "1444849388993.3071"
},
"source": "osm",
"source-layer": "park",
"paint": {
"fill-color": "#c4dcbc",
"fill-opacity": 0.5
}
},
{
"id": "waterway_tunnel",
"type": "line",
"source": "osm",
"source-layer": "waterway",
"minzoom": 14,
"filter": [
"all",
[
"in",
"class",
"river",
"stream",
"canal"
],
[
"==",
"brunnel",
"tunnel"
]
],
"layout": {
"line-cap": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#9fcce3",
"line-dasharray": [
2,
4
],
"line-width": {
"base": 1.3,
"stops": [
[
13,
0.5
],
[
20,
6
]
]
}
}
},
{
"id": "waterway-other",
"type": "line",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "waterway",
"filter": [
"all",
[
"!in",
"class",
"canal",
"river",
"stream"
],
[
"==",
"intermittent",
0
]
],
"layout": {
"line-cap": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#9fcce3",
"line-width": {
"base": 1.3,
"stops": [
[
13,
0.5
],
[
20,
2
]
]
}
}
},
{
"id": "waterway-other-intermittent",
"type": "line",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "waterway",
"filter": [
"all",
[
"!in",
"class",
"canal",
"river",
"stream"
],
[
"==",
"intermittent",
1
]
],
"layout": {
"line-cap": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#9fcce3",
"line-dasharray": [
4,
3
],
"line-width": {
"base": 1.3,
"stops": [
[
13,
0.5
],
[
20,
2
]
]
}
}
},
{
"id": "waterway-stream-canal",
"type": "line",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "waterway",
"filter": [
"all",
[
"in",
"class",
"canal",
"stream"
],
[
"!=",
"brunnel",
"tunnel"
],
[
"==",
"intermittent",
0
]
],
"layout": {
"line-cap": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#9fcce3",
"line-width": {
"base": 1.3,
"stops": [
[
13,
0.5
],
[
20,
6
]
]
}
}
},
{
"id": "waterway-stream-canal-intermittent",
"type": "line",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "waterway",
"filter": [
"all",
[
"in",
"class",
"canal",
"stream"
],
[
"!=",
"brunnel",
"tunnel"
],
[
"==",
"intermittent",
1
]
],
"layout": {
"line-cap": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#9fcce3",
"line-dasharray": [
4,
3
],
"line-width": {
"base": 1.3,
"stops": [
[
13,
0.5
],
[
20,
6
]
]
}
}
},
{
"id": "waterway-river",
"type": "line",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "waterway",
"filter": [
"all",
[
"==",
"class",
"river"
],
[
"!=",
"brunnel",
"tunnel"
],
[
"==",
"intermittent",
0
]
],
"layout": {
"line-cap": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#9fcce3",
"line-width": {
"base": 1.2,
"stops": [
[
10,
0.8
],
[
20,
6
]
]
}
}
},
{
"id": "waterway-river-intermittent",
"type": "line",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "waterway",
"filter": [
"all",
[
"==",
"class",
"river"
],
[
"!=",
"brunnel",
"tunnel"
],
[
"==",
"intermittent",
1
]
],
"layout": {
"line-cap": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#9fcce3",
"line-dasharray": [
3,
2.5
],
"line-width": {
"base": 1.2,
"stops": [
[
10,
0.8
],
[
20,
6
]
]
}
}
},
{
"id": "water-offset",
"type": "fill",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "water",
"maxzoom": 8,
"filter": [
"==",
"$type",
"Polygon"
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#9fcce3",
"fill-opacity": 1,
"fill-translate": {
"base": 1,
"stops": [
[
6,
[
2,
0
]
],
[
8,
[
0,
0
]
]
]
}
}
},
{
"id": "water",
"type": "fill",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "water",
"filter": [
"all",
[
"!=",
"intermittent",
1
],
[
"!=",
"brunnel",
"tunnel"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#9fcce3"
}
},
{
"id": "water-intermittent",
"type": "fill",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "water",
"filter": [
"all",
[
"==",
"intermittent",
1
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#9fcce3",
"fill-opacity": 0.7
}
},
{
"id": "water-pattern",
"type": "fill",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "water",
"filter": [
"all"
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-pattern": "wave",
"fill-translate": [
0,
2.5
],
"fill-color": "#9fcce3"
}
},
{
"id": "landcover-ice-shelf",
"type": "fill",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "landcover",
"filter": [
"==",
"subclass",
"ice_shelf"
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#c8dfc0",
"fill-opacity": {
"base": 1,
"stops": [
[
0,
0.9
],
[
10,
0.3
]
]
}
}
},
{
"id": "landcover-sand",
"type": "fill",
"metadata": {
"mapbox:group": "1444849382550.77"
},
"source": "osm",
"source-layer": "landcover",
"filter": [
"==",
"class",
"sand"
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#eadfbd",
"fill-opacity": 1
}
},
{
"id": "building",
"type": "fill",
"metadata": {
"mapbox:group": "1444849364238.8171"
},
"source": "osm",
"source-layer": "building",
"paint": {
"fill-antialias": true,
"fill-color": "#c7ccd2",
"fill-outline-color": "#adb3ba",
"fill-opacity": 0.92
}
},
{
"id": "building-top",
"type": "fill",
"metadata": {
"mapbox:group": "1444849364238.8171"
},
"source": "osm",
"source-layer": "building",
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#c7ccd2",
"fill-opacity": 0.92,
"fill-outline-color": "#adb3ba",
"fill-translate": {
"base": 1,
"stops": [
[
14,
[
0,
0
]
],
[
16,
[
-2,
-2
]
]
]
}
}
},
{
"id": "tunnel-service-track-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"service",
"track"
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-dasharray": [
0.5,
0.25
],
"line-width": {
"base": 1.2,
"stops": [
[
15,
1.15
],
[
16,
4.6
],
[
20,
12.649999999999999
]
]
}
}
},
{
"id": "tunnel-motorway-link-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#c8cdd2",
"line-dasharray": [
0.5,
0.25
],
"line-width": {
"base": 1.2,
"stops": [
[
12,
1.15
],
[
13,
3.4499999999999997
],
[
14,
4.6
],
[
20,
17.25
]
]
}
}
},
{
"id": "tunnel-minor-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"minor"
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
12,
0
],
[
12.5,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
12,
0.575
],
[
13,
1.15
],
[
14,
4.6
],
[
20,
17.25
]
]
},
"line-dasharray": [
0.5,
0.25
]
}
},
{
"id": "tunnel-link-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"trunk",
"primary",
"secondary",
"tertiary"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
12,
1.15
],
[
13,
3.4499999999999997
],
[
14,
4.6
],
[
20,
17.25
]
]
},
"line-dasharray": [
0.5,
0.25
]
}
},
{
"id": "tunnel-secondary-tertiary-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"secondary",
"tertiary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
8,
1.7249999999999999
],
[
20,
19.549999999999997
]
]
},
"line-dasharray": [
0.5,
0.25
]
}
},
{
"id": "tunnel-trunk-primary-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"primary",
"trunk"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-width": {
"base": 1.2,
"stops": [
[
5,
0.45999999999999996
],
[
6,
0.69
],
[
7,
1.7249999999999999
],
[
20,
25.299999999999997
]
]
}
}
},
{
"id": "tunnel-motorway-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#c8cdd2",
"line-dasharray": [
0.5,
0.25
],
"line-width": {
"base": 1.2,
"stops": [
[
5,
0.45999999999999996
],
[
6,
0.69
],
[
7,
1.7249999999999999
],
[
20,
25.299999999999997
]
]
}
}
},
{
"id": "tunnel-path-steps-casing",
"type": "line",
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"path"
],
[
"==",
"subclass",
"steps"
]
],
"layout": {
"line-cap": "butt",
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
12,
0
],
[
12.5,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
12,
0.575
],
[
13,
1.15
],
[
14,
2.3
],
[
20,
10.6375
]
]
},
"line-dasharray": [
0.5,
0.25
]
}
},
{
"id": "tunnel-path-steps",
"type": "line",
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"path"
],
[
"==",
"subclass",
"steps"
]
],
"layout": {
"line-join": "bevel",
"line-cap": "butt"
},
"paint": {
"line-color": "#e3e5e2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
13.5,
0
],
[
14,
1.4375
],
[
20,
6.6125
]
]
},
"line-dasharray": [
0.5,
0.25
]
}
},
{
"id": "tunnel-path",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"path"
],
[
"!=",
"subclass",
"steps"
]
],
"paint": {
"line-color": "#e3e5e2",
"line-dasharray": [
1.5,
0.75
],
"line-width": {
"base": 1.2,
"stops": [
[
15,
1.38
],
[
20,
4.6
]
]
}
}
},
{
"id": "tunnel-motorway-link",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#f0c86f",
"line-width": {
"base": 1.2,
"stops": [
[
12.5,
0
],
[
13,
1.7249999999999999
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "tunnel-service-track",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"service",
"track"
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#ffffff",
"line-width": {
"base": 1.2,
"stops": [
[
15.5,
0
],
[
16,
2.3
],
[
20,
8.625
]
]
}
}
},
{
"id": "tunnel-link",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"trunk",
"primary",
"secondary",
"tertiary"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#ffffff",
"line-width": {
"base": 1.2,
"stops": [
[
12.5,
0
],
[
13,
1.7249999999999999
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "tunnel-minor",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"minor"
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#ffffff",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
13.5,
0
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "tunnel-secondary-tertiary",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"secondary",
"tertiary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#fffdf9",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
7,
0.575
],
[
20,
11.5
]
]
}
}
},
{
"id": "tunnel-trunk-primary",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"in",
"class",
"primary",
"trunk"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#fff3da",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
7,
0.575
],
[
20,
20.7
]
]
}
}
},
{
"id": "tunnel-motorway",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#f0c86f",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
7,
0.575
],
[
20,
20.7
]
]
}
}
},
{
"id": "tunnel-railway",
"type": "line",
"metadata": {
"mapbox:group": "1444849354174.1904"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"tunnel"
],
[
"==",
"class",
"rail"
]
],
"paint": {
"line-color": "#8c9297",
"line-dasharray": [
2,
2
],
"line-width": {
"base": 1.4,
"stops": [
[
14,
0.45999999999999996
],
[
15,
0.8624999999999999
],
[
20,
2.3
]
]
}
}
},
{
"id": "road_area_pier",
"type": "fill",
"metadata": {},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"==",
"class",
"pier"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-antialias": true,
"fill-color": "#ffffff"
}
},
{
"id": "road_pier",
"type": "line",
"metadata": {},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"pier"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#ffffff",
"line-width": {
"base": 1.2,
"stops": [
[
15,
1.15
],
[
17,
4.6
]
]
}
}
},
{
"id": "highway-area",
"type": "fill",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"Polygon"
],
[
"!in",
"class",
"pier"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-antialias": false,
"fill-color": "#ffffff",
"fill-opacity": 0.9,
"fill-outline-color": "#cfcdca"
}
},
{
"id": "highway-path-steps-casing",
"type": "line",
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"path"
],
[
"in",
"subclass",
"steps"
]
],
"layout": {
"line-cap": "butt",
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
12,
0
],
[
12.5,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
12,
0.575
],
[
13,
1.15
],
[
14,
2.3
],
[
20,
10.6375
]
]
}
}
},
{
"id": "highway-motorway-link-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 12,
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
12,
1.15
],
[
13,
3.4499999999999997
],
[
14,
4.6
],
[
20,
17.25
]
]
}
}
},
{
"id": "highway-link-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 13,
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"trunk",
"primary",
"secondary",
"tertiary"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
12,
1.15
],
[
13,
3.4499999999999997
],
[
14,
4.6
],
[
20,
17.25
]
]
}
}
},
{
"id": "highway-minor-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!=",
"brunnel",
"tunnel"
],
[
"in",
"class",
"minor",
"service",
"track"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
12,
0
],
[
12.5,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
12,
0.575
],
[
13,
1.15
],
[
14,
4.6
],
[
20,
17.25
]
]
}
}
},
{
"id": "highway-secondary-tertiary-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"secondary",
"tertiary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "butt",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
8,
1.7249999999999999
],
[
20,
19.549999999999997
]
]
}
}
},
{
"id": "highway-primary-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 5,
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"primary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "butt",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
7,
0
],
[
8,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
7,
0
],
[
8,
0.69
],
[
9,
1.7249999999999999
],
[
20,
25.299999999999997
]
]
}
}
},
{
"id": "highway-trunk-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 5,
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"trunk"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "butt",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
5,
0
],
[
6,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
5,
0
],
[
6,
0.69
],
[
7,
1.7249999999999999
],
[
20,
25.299999999999997
]
]
}
}
},
{
"id": "highway-motorway-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 4,
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "butt",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
4,
0
],
[
5,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
4,
0
],
[
5,
0.45999999999999996
],
[
6,
0.69
],
[
7,
1.7249999999999999
],
[
20,
25.299999999999997
]
]
}
}
},
{
"id": "highway-path",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"path"
],
[
"!=",
"subclass",
"steps"
]
],
"paint": {
"line-color": "#e3e5e2",
"line-dasharray": [
1.5,
0.75
],
"line-width": {
"base": 1.2,
"stops": [
[
15,
1.38
],
[
20,
4.6
]
]
}
}
},
{
"id": "highway-path-steps",
"type": "line",
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"path"
],
[
"==",
"subclass",
"steps"
]
],
"layout": {
"line-join": "bevel",
"line-cap": "butt"
},
"paint": {
"line-color": "#e3e5e2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
13.5,
0
],
[
14,
1.4375
],
[
20,
6.6125
]
]
},
"line-dasharray": [
0.5,
0.25
]
}
},
{
"id": "highway-motorway-link",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 12,
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#f0c86f",
"line-width": {
"base": 1.2,
"stops": [
[
12.5,
0
],
[
13,
1.7249999999999999
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "highway-link",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 13,
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"trunk",
"primary",
"secondary",
"tertiary"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#ffffff",
"line-width": {
"base": 1.2,
"stops": [
[
12.5,
0
],
[
13,
1.7249999999999999
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "highway-minor",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!=",
"brunnel",
"tunnel"
],
[
"in",
"class",
"minor",
"service",
"track"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#ffffff",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
13.5,
0
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "highway-secondary-tertiary",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"secondary",
"tertiary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#fffdf9",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
8,
0.575
],
[
20,
14.95
]
]
}
}
},
{
"id": "highway-primary",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"primary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#fff3da",
"line-width": {
"base": 1.2,
"stops": [
[
8.5,
0
],
[
9,
0.575
],
[
20,
20.7
]
]
}
}
},
{
"id": "highway-trunk",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"in",
"class",
"trunk"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#fff3da",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
7,
0.575
],
[
20,
20.7
]
]
}
}
},
{
"id": "highway-motorway",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"minzoom": 5,
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"motorway"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#f0c86f",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
7,
0.575
],
[
20,
20.7
]
]
}
}
},
{
"id": "railway-transit",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"class",
"transit"
],
[
"!in",
"brunnel",
"tunnel"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"line-color": "#8c9297",
"line-width": {
"base": 1.4,
"stops": [
[
14,
0.45999999999999996
],
[
20,
1.15
]
]
}
}
},
{
"id": "railway-transit-hatching",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"class",
"transit"
],
[
"!in",
"brunnel",
"tunnel"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"line-color": "#8c9297",
"line-dasharray": [
0.2,
8
],
"line-width": {
"base": 1.4,
"stops": [
[
14.5,
0
],
[
15,
2.3
],
[
20,
6.8999999999999995
]
]
}
}
},
{
"id": "railway-service",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"class",
"rail"
],
[
"has",
"service"
]
],
"paint": {
"line-color": "#8c9297",
"line-width": {
"base": 1.4,
"stops": [
[
14,
0.45999999999999996
],
[
20,
1.15
]
]
}
}
},
{
"id": "railway-service-hatching",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"class",
"rail"
],
[
"has",
"service"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"line-color": "#8c9297",
"line-dasharray": [
0.2,
8
],
"line-width": {
"base": 1.4,
"stops": [
[
14.5,
0
],
[
15,
2.3
],
[
20,
6.8999999999999995
]
]
}
}
},
{
"id": "railway",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!has",
"service"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"rail"
]
],
"paint": {
"line-color": "#8c9297",
"line-width": {
"base": 1.4,
"stops": [
[
14,
0.45999999999999996
],
[
15,
0.8624999999999999
],
[
20,
2.3
]
]
}
}
},
{
"id": "railway-hatching",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"!has",
"service"
],
[
"!in",
"brunnel",
"bridge",
"tunnel"
],
[
"==",
"class",
"rail"
]
],
"paint": {
"line-color": "#8c9297",
"line-dasharray": [
0.2,
8
],
"line-width": {
"base": 1.4,
"stops": [
[
14.5,
0
],
[
15,
3.4499999999999997
],
[
20,
9.2
]
]
}
}
},
{
"id": "bridge-motorway-link-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"motorway"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
12,
1.15
],
[
13,
3.4499999999999997
],
[
14,
4.6
],
[
20,
21.849999999999998
]
]
}
}
},
{
"id": "bridge-link-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"trunk",
"primary",
"secondary",
"tertiary"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
12,
1.15
],
[
13,
3.4499999999999997
],
[
14,
4.6
],
[
20,
21.849999999999998
]
]
}
}
},
{
"id": "bridge-secondary-tertiary-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"secondary",
"tertiary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
5,
0.45999999999999996
],
[
7,
0.69
],
[
8,
1.7249999999999999
],
[
20,
24.15
]
]
}
}
},
{
"id": "bridge-trunk-primary-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"primary",
"trunk"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-width": {
"base": 1.2,
"stops": [
[
5,
0.45999999999999996
],
[
6,
0.69
],
[
7,
1.7249999999999999
],
[
20,
29.9
]
]
}
}
},
{
"id": "bridge-motorway-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"motorway"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-width": {
"base": 1.2,
"stops": [
[
5,
0.45999999999999996
],
[
6,
0.69
],
[
7,
1.7249999999999999
],
[
20,
29.9
]
]
}
}
},
{
"id": "bridge-minor-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"minor",
"service",
"track"
]
],
"layout": {
"line-cap": "butt",
"line-join": "round"
},
"paint": {
"line-color": "#c8cdd2",
"line-opacity": {
"stops": [
[
12,
0
],
[
12.5,
1
]
]
},
"line-width": {
"base": 1.2,
"stops": [
[
12,
0.575
],
[
13,
1.15
],
[
14,
6.8999999999999995
],
[
20,
27.599999999999998
]
]
}
}
},
{
"id": "bridge-path-casing",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"path"
]
],
"paint": {
"line-color": "#c8cdd2",
"line-width": {
"base": 1.2,
"stops": [
[
15,
1.38
],
[
20,
20.7
]
]
}
}
},
{
"id": "bridge-path-steps",
"type": "line",
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"path"
],
[
"==",
"subclass",
"steps"
]
],
"layout": {
"line-join": "round",
"line-cap": "butt"
},
"paint": {
"line-color": "#e3e5e2",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
13.5,
0
],
[
14,
1.4375
],
[
20,
6.6125
]
]
},
"line-dasharray": [
0.5,
0.25
]
}
},
{
"id": "bridge-path",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"path"
],
[
"!=",
"subclass",
"steps"
]
],
"paint": {
"line-color": "#e3e5e2",
"line-dasharray": [
1.5,
0.75
],
"line-width": {
"base": 1.2,
"stops": [
[
15,
1.38
],
[
20,
4.6
]
]
}
}
},
{
"id": "bridge-motorway-link",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"motorway"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#f0c86f",
"line-width": {
"base": 1.2,
"stops": [
[
12.5,
0
],
[
13,
1.7249999999999999
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "bridge-link",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"trunk",
"primary",
"secondary",
"tertiary"
],
[
"==",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#ffffff",
"line-width": {
"base": 1.2,
"stops": [
[
12.5,
0
],
[
13,
1.7249999999999999
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "bridge-minor",
"type": "line",
"metadata": {
"mapbox:group": "1444849345966.4436"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"minor",
"service",
"track"
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#ffffff",
"line-opacity": 1,
"line-width": {
"base": 1.2,
"stops": [
[
13.5,
0
],
[
14,
2.875
],
[
20,
13.225
]
]
}
}
},
{
"id": "bridge-secondary-tertiary",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"secondary",
"tertiary"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#fffdf9",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
8,
0.575
],
[
20,
14.95
]
]
}
}
},
{
"id": "bridge-trunk-primary",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"in",
"class",
"primary",
"trunk"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#fff3da",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
7,
0.575
],
[
20,
20.7
]
]
}
}
},
{
"id": "bridge-motorway",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"motorway"
],
[
"!=",
"ramp",
1
]
],
"layout": {
"line-join": "round"
},
"paint": {
"line-color": "#f0c86f",
"line-width": {
"base": 1.2,
"stops": [
[
6.5,
0
],
[
7,
0.575
],
[
20,
20.7
]
]
}
}
},
{
"id": "bridge-railway",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"rail"
]
],
"paint": {
"line-color": "#8c9297",
"line-width": {
"base": 1.4,
"stops": [
[
14,
0.45999999999999996
],
[
15,
0.8624999999999999
],
[
20,
2.3
]
]
}
}
},
{
"id": "bridge-railway-hatching",
"type": "line",
"metadata": {
"mapbox:group": "1444849334699.1902"
},
"source": "osm",
"source-layer": "transportation",
"filter": [
"all",
[
"==",
"brunnel",
"bridge"
],
[
"==",
"class",
"rail"
]
],
"paint": {
"line-color": "#8c9297",
"line-dasharray": [
0.2,
8
],
"line-width": {
"base": 1.4,
"stops": [
[
14.5,
0
],
[
15,
3.4499999999999997
],
[
20,
9.2
]
]
}
}
},
{
"id": "waterway-name",
"type": "symbol",
"source": "osm",
"source-layer": "waterway",
"minzoom": 13,
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"has",
"name"
]
],
"layout": {
"symbol-placement": "line",
"symbol-spacing": 350,
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-max-width": 5,
"text-rotation-alignment": "map",
"text-size": 14.700000000000001
},
"paint": {
"text-color": "#397c9f",
"text-halo-color": "#ffffff",
"text-halo-width": 1.2
}
},
{
"id": "water-name-lakeline",
"type": "symbol",
"source": "osm",
"source-layer": "water_name",
"filter": [
"==",
"$type",
"LineString"
],
"layout": {
"symbol-placement": "line",
"symbol-spacing": 350,
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-max-width": 5,
"text-rotation-alignment": "map",
"text-size": 14.700000000000001
},
"paint": {
"text-color": "#397c9f",
"text-halo-color": "#ffffff",
"text-halo-width": 1.2
}
},
{
"id": "water-name-ocean",
"type": "symbol",
"source": "osm",
"source-layer": "water_name",
"filter": [
"all",
[
"==",
"$type",
"Point"
],
[
"==",
"class",
"ocean"
]
],
"layout": {
"symbol-placement": "point",
"symbol-spacing": 350,
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-max-width": 5,
"text-rotation-alignment": "map",
"text-size": 14.700000000000001
},
"paint": {
"text-color": "#397c9f",
"text-halo-color": "#ffffff",
"text-halo-width": 1.2
}
},
{
"id": "water-name-other",
"type": "symbol",
"source": "osm",
"source-layer": "water_name",
"filter": [
"all",
[
"==",
"$type",
"Point"
],
[
"!in",
"class",
"ocean"
]
],
"layout": {
"symbol-placement": "point",
"symbol-spacing": 350,
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-max-width": 5,
"text-rotation-alignment": "map",
"text-size": {
"stops": [
[
0,
10.5
],
[
6,
14.700000000000001
]
]
},
"visibility": "visible"
},
"paint": {
"text-color": "#397c9f",
"text-halo-color": "#ffffff",
"text-halo-width": 1.2
}
},
{
"id": "country-border",
"type": "line",
"source": "osm",
"source-layer": "boundary",
"filter": [
"all",
[
"==",
[
"get",
"admin_level"
],
2
],
[
"!=",
[
"get",
"maritime"
],
1
]
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#747c85",
"line-width": [
"interpolate",
[
"linear"
],
[
"zoom"
],
0,
0.6,
4,
1.2,
8,
1.8,
12,
2.4
],
"line-opacity": 0.85
}
},
{
"id": "road_oneway_opposite",
"type": "symbol",
"source": "osm",
"source-layer": "transportation",
"minzoom": 15,
"filter": [
"all",
[
"==",
"oneway",
-1
],
[
"in",
"class",
"motorway",
"trunk",
"primary",
"secondary",
"tertiary",
"minor",
"service"
]
],
"layout": {
"icon-image": "oneway",
"icon-padding": 2,
"icon-rotate": -90,
"icon-rotation-alignment": "map",
"icon-size": {
"stops": [
[
15,
0.5
],
[
19,
1
]
]
},
"symbol-placement": "line",
"symbol-spacing": 75
},
"paint": {
"icon-opacity": 0.5
}
},
{
"id": "highway-name-path",
"type": "symbol",
"source": "osm",
"source-layer": "transportation_name",
"minzoom": 15.5,
"filter": [
"==",
"class",
"path"
],
"layout": {
"symbol-placement": "line",
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-rotation-alignment": "map",
"text-size": {
"base": 1,
"stops": [
[
13,
12.600000000000001
],
[
14,
13.65
]
]
}
},
"paint": {
"text-color": "#596168",
"text-halo-color": "#ffffff",
"text-halo-width": 1.2
}
},
{
"id": "highway-name-minor",
"type": "symbol",
"source": "osm",
"source-layer": "transportation_name",
"minzoom": 15,
"filter": [
"all",
[
"==",
"$type",
"LineString"
],
[
"in",
"class",
"minor",
"service",
"track"
]
],
"layout": {
"symbol-placement": "line",
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-rotation-alignment": "map",
"text-size": {
"base": 1,
"stops": [
[
13,
12.600000000000001
],
[
14,
13.65
]
]
}
},
"paint": {
"text-color": "#596168",
"text-halo-color": "#ffffff",
"text-halo-width": 1.2
}
},
{
"id": "highway-name-major",
"type": "symbol",
"source": "osm",
"source-layer": "transportation_name",
"minzoom": 12.2,
"filter": [
"in",
"class",
"primary",
"secondary",
"tertiary",
"trunk"
],
"layout": {
"symbol-placement": "line",
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-rotation-alignment": "map",
"text-size": {
"base": 1,
"stops": [
[
13,
12.600000000000001
],
[
14,
13.65
]
]
}
},
"paint": {
"text-color": "#252b31",
"text-halo-color": "#ffffff",
"text-halo-width": 1.2
}
},
{
"id": "highway-shield",
"type": "symbol",
"source": "osm",
"source-layer": "transportation_name",
"minzoom": 8,
"filter": [
"all",
[
"<=",
"ref_length",
6
],
[
"==",
"$type",
"LineString"
],
[
"!in",
"network",
"us-interstate",
"us-highway",
"us-state"
]
],
"layout": {
"icon-image": "road_{ref_length}",
"icon-rotation-alignment": "viewport",
"icon-size": 1,
"symbol-placement": {
"base": 1,
"stops": [
[
10,
"point"
],
[
11,
"line"
]
]
},
"symbol-spacing": 200,
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-rotation-alignment": "viewport",
"text-size": 10.5
},
"paint": {
"text-color": "#252b31",
"text-halo-color": "#ffffff"
}
},
{
"id": "highway-shield-us-interstate",
"type": "symbol",
"source": "osm",
"source-layer": "transportation_name",
"minzoom": 7,
"filter": [
"all",
[
"<=",
"ref_length",
6
],
[
"==",
"$type",
"LineString"
],
[
"in",
"network",
"us-interstate"
]
],
"layout": {
"icon-image": "{network}_{ref_length}",
"icon-rotation-alignment": "viewport",
"icon-size": 1,
"symbol-placement": {
"base": 1,
"stops": [
[
7,
"point"
],
[
7,
"line"
],
[
8,
"line"
]
]
},
"symbol-spacing": 200,
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-rotation-alignment": "viewport",
"text-size": 10.5
},
"paint": {
"text-color": "#252b31",
"text-halo-color": "#ffffff"
}
},
{
"id": "highway-shield-us-other",
"type": "symbol",
"source": "osm",
"source-layer": "transportation_name",
"minzoom": 9,
"filter": [
"all",
[
"<=",
"ref_length",
6
],
[
"==",
"$type",
"LineString"
],
[
"in",
"network",
"us-highway",
"us-state"
]
],
"layout": {
"icon-image": "{network}_{ref_length}",
"icon-rotation-alignment": "viewport",
"icon-size": 1,
"symbol-placement": {
"base": 1,
"stops": [
[
10,
"point"
],
[
11,
"line"
]
]
},
"symbol-spacing": 200,
"text-field": [
"coalesce",
[
"get",
"name:en"
],
[
"get",
"name:en"
],
[
"get",
"name"
]
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-rotation-alignment": "viewport",
"text-size": 10.5
},
"paint": {
"text-color": "#252b31",
"text-halo-color": "#ffffff"
}
},
{
"id": "city-buildings-3d",
"type": "fill-extrusion",
"source": "osm",
"source-layer": "building",
"minzoom": 14.2,
"filter": [
"all",
[
"!=",
[
"get",
"hide_3d"
],
true
],
[
"!",
[
"in",
[
"id"
],
[
"literal",
[
4446510852,
4446511282,
4446511312,
4446511332,
4446511362,
4446511372,
4446511382,
4446511392,
4446511402,
4446511412,
4446511422,
4446511432,
4446511452,
4446511482,
4446511492,
4446511502,
4446511512,
4446511522,
4446511532,
4446511552,
4446511562,
4446511582,
4446511602,
4446511612,
4446511632,
4446511662,
4446511672,
4446511682,
4446511692,
4446511732,
4446511742,
4446511752,
4446511762,
4446511772,
4446511782,
4446511792,
4446511812,
4446511842,
4446511862,
4446511872,
4446511882,
4446511892,
4446511902,
4446511912,
4446511942,
4446511962,
4446511972,
4446511982,
4446511992,
4446512002,
4446512052,
4446512062,
4446512072,
4446512092,
4446512102,
4446512122,
4447556642,
4447556662,
4447556672,
4447556682,
4447556692,
4447556702,
4447556712,
4447556722,
4447556732
]
]
]
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-extrusion-color": [
"interpolate",
[
"linear"
],
[
"coalesce",
[
"get",
"render_height"
],
0
],
0,
"#c7ccd2",
180,
"#aeb5bc",
320,
"#858f99"
],
"fill-extrusion-height": [
"coalesce",
[
"get",
"render_height"
],
0
],
"fill-extrusion-base": [
"coalesce",
[
"get",
"render_min_height"
],
0
],
"fill-extrusion-opacity": 0.92,
"fill-extrusion-vertical-gradient": true
}
},
{
"id": "city-mahanakhon-3d",
"type": "fill-extrusion",
"source": "osm",
"source-layer": "building",
"minzoom": 14.2,
"filter": [
"all",
[
"!=",
[
"get",
"hide_3d"
],
true
],
[
"in",
[
"id"
],
[
"literal",
[
4446510852,
4446511282,
4446511312,
4446511332,
4446511362,
4446511372,
4446511382,
4446511392,
4446511402,
4446511412,
4446511422,
4446511432,
4446511452,
4446511482,
4446511492,
4446511502,
4446511512,
4446511522,
4446511532,
4446511552,
4446511562,
4446511582,
4446511602,
4446511612,
4446511632,
4446511662,
4446511672,
4446511682,
4446511692,
4446511732,
4446511742,
4446511752,
4446511762,
4446511772,
4446511782,
4446511792,
4446511812,
4446511842,
4446511862,
4446511872,
4446511882,
4446511892,
4446511902,
4446511912,
4446511942,
4446511962,
4446511972,
4446511982,
4446511992,
4446512002,
4446512052,
4446512062,
4446512072,
4446512092,
4446512102,
4446512122,
4447556642,
4447556662,
4447556672,
4447556682,
4447556692,
4447556702,
4447556712,
4447556722,
4447556732
]
]
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-extrusion-color": "#d8673c",
"fill-extrusion-height": [
"coalesce",
[
"get",
"render_height"
],
0
],
"fill-extrusion-base": [
"coalesce",
[
"get",
"render_min_height"
],
0
],
"fill-extrusion-opacity": 0.92,
"fill-extrusion-vertical-gradient": true
}
},
{
"id": "city-mahanakhon-label",
"type": "symbol",
"source": "city-landmark",
"minzoom": 14.2,
"layout": {
"visibility": "visible",
"text-field": [
"get",
"name_en"
],
"text-font": [
"Rubik Regular",
"Mitr Regular"
],
"text-size": 12,
"text-anchor": "bottom",
"text-offset": [
0,
-1.2
],
"text-allow-overlap": true
},
"paint": {
"text-color": "#252b31",
"text-halo-color": "#ffffff",
"text-halo-width": 2
}
}
]
}Exact selected layers and styling with customer API asset URLs. Replace YOUR_MAPSCALE_KEY; camera settings are included in MapLibre code.
Copy style JSON Download JSON
What ships where Style JSON and MapLibre code contain the exact current selection. The preview is keyless; customer maps use a publishable key. Read the docs ↗