@curupira/vue-mapbox
Version:
A wrapper for Mapbox using Vue, with advanced features and abstractions
2,136 lines (2,135 loc) • 87.5 kB
JavaScript
export default {
version: 8,
name: 'Dark',
metadata: {
'mapbox:type': 'default',
'mapbox:origin': 'dark-v10',
'mapbox:autocomposite': true,
'mapbox:groups': {
1444855786460.0557: { name: 'Roads', collapsed: true },
1444934295202.7542: {
name: 'Admin boundaries',
collapsed: true
},
1444855799204.86: { name: 'Bridges', collapsed: true },
1444855769305.6016: { name: 'Tunnels', collapsed: true }
},
'mapbox:sdk-support': {
js: '0.50.0',
android: '6.7.0',
ios: '4.6.0'
}
},
center: [-71.02, 42.3624],
zoom: 10,
sources: {
composite: {
url: 'mapbox://mapbox.mapbox-streets-v8,mapbox.mapbox-terrain-v2',
type: 'vector'
}
},
sprite: 'mapbox://sprites/leceles/cjsj8rf6z24831fs2t8wuuram',
glyphs: 'mapbox://fonts/leceles/{fontstack}/{range}.pbf',
layers: [
{
id: 'land',
type: 'background',
layout: {},
paint: { 'background-color': 'hsl(55, 1%, 20%)' }
},
{
id: 'landcover',
type: 'fill',
source: 'composite',
'source-layer': 'landcover',
maxzoom: 7,
layout: {},
paint: {
'fill-color': 'hsl(55, 1%, 20%)',
'fill-opacity': [
'interpolate',
['exponential', 1.5],
['zoom'],
2,
0.3,
7,
0
],
'fill-antialias': false
}
},
{
id: 'national-park',
type: 'fill',
source: 'composite',
'source-layer': 'landuse_overlay',
minzoom: 5,
filter: ['==', ['get', 'class'], 'national_park'],
layout: {},
paint: {
'fill-color': 'hsl(132, 2%, 20%)',
'fill-opacity': [
'interpolate',
['linear'],
['zoom'],
5,
0,
6,
0.5
]
}
},
{
id: 'landuse',
type: 'fill',
source: 'composite',
'source-layer': 'landuse',
minzoom: 5,
filter: [
'match',
['get', 'class'],
['park', 'airport', 'glacier', 'pitch', 'sand'],
true,
false
],
layout: {},
paint: {
'fill-opacity': [
'interpolate',
['linear'],
['zoom'],
5,
0,
6,
['match', ['get', 'class'], 'glacier', 0.5, 1]
],
'fill-color': 'hsl(132, 2%, 20%)'
}
},
{
id: 'water-shadow',
type: 'fill',
source: 'composite',
'source-layer': 'water',
layout: {},
paint: {
'fill-translate-anchor': 'viewport',
'fill-translate': [
'interpolate',
['exponential', 1.2],
['zoom'],
7,
['literal', [0, 0]],
16,
['literal', [-1, -1]]
],
'fill-color': 'hsl(185, 3%, 5%)'
}
},
{
id: 'waterway',
type: 'line',
source: 'composite',
'source-layer': 'waterway',
minzoom: 8,
layout: {
'line-cap': ['step', ['zoom'], 'butt', 11, 'round'],
'line-join': 'round'
},
paint: {
'line-color': 'hsl(185, 2%, 10%)',
'line-width': [
'interpolate',
['exponential', 1.3],
['zoom'],
9,
['match', ['get', 'class'], ['canal', 'river'], 0.1, 0],
20,
['match', ['get', 'class'], ['canal', 'river'], 8, 3]
],
'line-opacity': [
'interpolate',
['linear'],
['zoom'],
8,
0,
8.5,
1
]
}
},
{
id: 'water',
type: 'fill',
source: 'composite',
'source-layer': 'water',
layout: {},
paint: { 'fill-color': 'hsl(185, 2%, 10%)' }
},
{
id: 'hillshade',
type: 'fill',
source: 'composite',
'source-layer': 'hillshade',
maxzoom: 16,
layout: {},
paint: {
'fill-color': [
'match',
['get', 'class'],
'shadow',
'hsl(0, 0%, 35%)',
'hsl(0, 0%, 100%)'
],
'fill-opacity': [
'interpolate',
['linear'],
['zoom'],
14,
[
'match',
['get', 'level'],
[67, 56],
0.06,
[89, 78],
0.03,
0.04
],
16,
0
],
'fill-antialias': false
}
},
{
id: 'land-structure-polygon',
type: 'fill',
source: 'composite',
'source-layer': 'structure',
minzoom: 13,
filter: [
'all',
['==', ['geometry-type'], 'Polygon'],
['==', ['get', 'class'], 'land']
],
layout: {},
paint: { 'fill-color': 'hsl(55, 1%, 20%)' }
},
{
id: 'land-structure-line',
type: 'line',
source: 'composite',
'source-layer': 'structure',
minzoom: 13,
filter: [
'all',
['==', ['geometry-type'], 'LineString'],
['==', ['get', 'class'], 'land']
],
layout: { 'line-cap': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.99],
['zoom'],
14,
0.75,
20,
40
],
'line-color': 'hsl(55, 1%, 20%)'
}
},
{
id: 'aeroway-polygon',
type: 'fill',
source: 'composite',
'source-layer': 'aeroway',
minzoom: 11,
filter: [
'all',
['==', ['geometry-type'], 'Polygon'],
[
'match',
['get', 'type'],
['runway', 'taxiway', 'helipad'],
true,
false
]
],
layout: {},
paint: {
'fill-opacity': [
'interpolate',
['linear'],
['zoom'],
11,
0,
11.5,
1
],
'fill-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'aeroway-line',
type: 'line',
source: 'composite',
'source-layer': 'aeroway',
minzoom: 9,
filter: ['==', ['geometry-type'], 'LineString'],
layout: {},
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
9,
[
'match',
['get', 'type'],
'runway',
1,
'taxiway',
0.5,
0.5
],
18,
['match', ['get', 'type'], 'runway', 80, 'taxiway', 20, 20]
],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'building-outline',
type: 'line',
source: 'composite',
'source-layer': 'building',
minzoom: 15,
filter: [
'all',
['!=', ['get', 'type'], 'building:part'],
['==', ['get', 'underground'], 'false']
],
layout: {},
paint: {
'line-color': 'hsl(55, 1%, 15%)',
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
15,
0.75,
20,
3
],
'line-opacity': [
'interpolate',
['linear'],
['zoom'],
15,
0,
16,
1
]
}
},
{
id: 'building',
type: 'fill',
source: 'composite',
'source-layer': 'building',
minzoom: 15,
filter: [
'all',
['!=', ['get', 'type'], 'building:part'],
['==', ['get', 'underground'], 'false']
],
layout: {},
paint: {
'fill-outline-color': 'hsl(55, 1%, 15%)',
'fill-opacity': [
'interpolate',
['linear'],
['zoom'],
15,
0,
16,
1
],
'fill-color': 'hsl(55, 1%, 17%)'
}
},
{
id: 'tunnel-street-minor-low',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
[
'step',
['zoom'],
[
'match',
['get', 'class'],
['street', 'street_limited', 'track', 'primary_link'],
true,
false
],
14,
[
'match',
['get', 'class'],
[
'street',
'street_limited',
'track',
'primary_link',
'secondary_link',
'tertiary_link',
'service'
],
true,
false
]
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
2,
'track',
1,
0.5
],
18,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
18,
12
]
],
'line-color': 'hsl(185, 2%, 15%)',
'line-opacity': ['step', ['zoom'], 1, 14, 0]
}
},
{
id: 'tunnel-street-minor-case',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
[
'step',
['zoom'],
[
'match',
['get', 'class'],
['street', 'street_limited', 'track', 'primary_link'],
true,
false
],
14,
[
'match',
['get', 'class'],
[
'street',
'street_limited',
'track',
'primary_link',
'secondary_link',
'tertiary_link',
'service'
],
true,
false
]
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.75,
20,
2
],
'line-color': 'hsl(185, 2%, 29%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
2,
'track',
1,
0.5
],
18,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
18,
12
]
],
'line-opacity': ['step', ['zoom'], 0, 14, 1],
'line-dasharray': [3, 3]
}
},
{
id: 'tunnel-primary-secondary-tertiary-case',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
[
'match',
['get', 'class'],
['primary', 'secondary', 'tertiary'],
true,
false
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
10,
[
'match',
['get', 'class'],
'primary',
1,
['secondary', 'tertiary'],
0.75,
0.75
],
18,
2
],
'line-color': 'hsl(185, 2%, 29%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
[
'match',
['get', 'class'],
'primary',
0.75,
['secondary', 'tertiary'],
0.1,
0.1
],
18,
[
'match',
['get', 'class'],
'primary',
32,
['secondary', 'tertiary'],
26,
26
]
],
'line-dasharray': [3, 3]
}
},
{
id: 'tunnel-major-link-case',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
[
'match',
['get', 'class'],
['motorway_link', 'trunk_link'],
true,
false
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.75,
20,
2
],
'line-color': 'hsl(185, 2%, 29%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-dasharray': [3, 3]
}
},
{
id: 'tunnel-motorway-trunk-case',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
['match', ['get', 'class'], ['motorway', 'trunk'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
10,
1,
18,
2
],
'line-color': 'hsl(185, 2%, 29%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.75,
18,
32
],
'line-dasharray': [3, 3]
}
},
{
id: 'tunnel-construction',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 14,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
['==', ['get', 'class'], 'construction'],
['==', ['geometry-type'], 'LineString']
],
layout: {},
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
2,
18,
18
],
'line-color': 'hsl(187, 2%, 15%)',
'line-dasharray': [
'step',
['zoom'],
['literal', [0.4, 0.8]],
15,
['literal', [0.3, 0.6]],
16,
['literal', [0.2, 0.3]],
17,
['literal', [0.2, 0.25]],
18,
['literal', [0.15, 0.15]]
]
}
},
{
id: 'tunnel-path',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
['==', ['get', 'class'], 'path'],
['!=', ['get', 'type'], 'steps'],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
15,
1,
18,
4
],
'line-dasharray': [
'step',
['zoom'],
['literal', [1, 0]],
15,
['literal', [1.75, 1]],
16,
['literal', [1, 0.75]],
17,
['literal', [1, 0.5]]
],
'line-color': 'hsl(185, 2%, 15%)'
}
},
{
id: 'tunnel-steps',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 14,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
['==', ['get', 'class'], 'steps'],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
15,
1,
16,
1.6,
18,
6
],
'line-color': 'hsl(185, 2%, 15%)',
'line-dasharray': [
'step',
['zoom'],
['literal', [1, 0]],
15,
['literal', [1.75, 1]],
16,
['literal', [1, 0.75]],
17,
['literal', [0.3, 0.3]]
]
}
},
{
id: 'tunnel-major-link',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
[
'match',
['get', 'class'],
['motorway_link', 'trunk_link'],
true,
false
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-color': 'hsl(185, 2%, 15%)'
}
},
{
id: 'tunnel-pedestrian',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
['==', ['get', 'class'], 'pedestrian'],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
0.5,
18,
12
],
'line-color': 'hsl(185, 2%, 15%)',
'line-dasharray': [
'step',
['zoom'],
['literal', [1, 0]],
15,
['literal', [1.5, 0.4]],
16,
['literal', [1, 0.2]]
]
}
},
{
id: 'tunnel-street-minor',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
[
'step',
['zoom'],
[
'match',
['get', 'class'],
['street', 'street_limited', 'track', 'primary_link'],
true,
false
],
14,
[
'match',
['get', 'class'],
[
'street',
'street_limited',
'track',
'primary_link',
'secondary_link',
'tertiary_link',
'service'
],
true,
false
]
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
2,
'track',
1,
0.5
],
18,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
18,
12
]
],
'line-color': 'hsl(185, 2%, 15%)',
'line-opacity': ['step', ['zoom'], 0, 14, 1]
}
},
{
id: 'tunnel-primary-secondary-tertiary',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
[
'match',
['get', 'class'],
['primary', 'secondary', 'tertiary'],
true,
false
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
[
'match',
['get', 'class'],
'primary',
0.75,
['secondary', 'tertiary'],
0.1,
0.1
],
18,
[
'match',
['get', 'class'],
'primary',
32,
['secondary', 'tertiary'],
26,
26
]
],
'line-color': 'hsl(185, 2%, 15%)'
}
},
{
id: 'tunnel-motorway-trunk',
type: 'line',
metadata: { 'mapbox:group': '1444855769305.6016' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'tunnel'],
['match', ['get', 'class'], ['motorway', 'trunk'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.75,
18,
32
],
'line-color': 'hsl(185, 2%, 15%)'
}
},
{
id: 'road-pedestrian-case',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 12,
filter: [
'all',
['==', ['get', 'class'], 'pedestrian'],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
2,
18,
14.5
],
'line-color': 'hsl(0, 0%, 17%)',
'line-opacity': ['step', ['zoom'], 0, 14, 1]
}
},
{
id: 'road-minor-low',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
[
'step',
['zoom'],
['==', ['get', 'class'], 'track'],
14,
[
'match',
['get', 'class'],
['track', 'secondary_link', 'tertiary_link', 'service'],
true,
false
]
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
['match', ['get', 'class'], 'track', 1, 0.5],
18,
12
],
'line-opacity': ['step', ['zoom'], 1, 14, 0],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'road-street-low',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 11,
filter: [
'all',
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-opacity': ['step', ['zoom'], 1, 14, 0],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'road-minor-case',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
[
'step',
['zoom'],
['==', ['get', 'class'], 'track'],
14,
[
'match',
['get', 'class'],
['track', 'secondary_link', 'tertiary_link', 'service'],
true,
false
]
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.75,
20,
2
],
'line-color': 'hsl(0, 0%, 17%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
['match', ['get', 'class'], 'track', 1, 0.5],
18,
12
],
'line-opacity': ['step', ['zoom'], 0, 14, 1]
}
},
{
id: 'road-street-case',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 11,
filter: [
'all',
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.75,
20,
2
],
'line-color': 'hsl(0, 0%, 17%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-opacity': ['step', ['zoom'], 0, 14, 1]
}
},
{
id: 'road-secondary-tertiary-case',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
filter: [
'all',
[
'match',
['get', 'class'],
['secondary', 'tertiary'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
10,
0.75,
18,
2
],
'line-color': 'hsl(0, 0%, 17%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.1,
18,
26
]
}
},
{
id: 'road-primary-case',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
filter: [
'all',
['==', ['get', 'class'], 'primary'],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
10,
1,
18,
2
],
'line-color': 'hsl(0, 0%, 17%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.75,
18,
32
]
}
},
{
id: 'road-major-link-case',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 10,
filter: [
'all',
[
'match',
['get', 'class'],
['motorway_link', 'trunk_link'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.75,
20,
2
],
'line-color': 'hsl(0, 0%, 17%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-opacity': ['step', ['zoom'], 0, 11, 1]
}
},
{
id: 'road-motorway-trunk-case',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
filter: [
'all',
['match', ['get', 'class'], ['motorway', 'trunk'], true, false],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
10,
1,
18,
2
],
'line-color': 'hsl(0, 0%, 17%)',
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.75,
18,
32
],
'line-opacity': [
'step',
['zoom'],
['match', ['get', 'class'], 'motorway', 1, 0],
6,
1
]
}
},
{
id: 'road-construction',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 14,
filter: [
'all',
['==', ['get', 'class'], 'construction'],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: {},
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
2,
18,
18
],
'line-color': 'hsl(0, 0%, 27%)',
'line-dasharray': [
'step',
['zoom'],
['literal', [0.4, 0.8]],
15,
['literal', [0.3, 0.6]],
16,
['literal', [0.2, 0.3]],
17,
['literal', [0.2, 0.25]],
18,
['literal', [0.15, 0.15]]
]
}
},
{
id: 'road-path',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 12,
filter: [
'all',
['==', ['get', 'class'], 'path'],
[
'step',
['zoom'],
[
'!',
[
'match',
['get', 'type'],
['steps', 'sidewalk', 'crossing'],
true,
false
]
],
16,
['!=', ['get', 'type'], 'steps']
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
13,
0.5,
14,
1,
15,
1,
18,
4
],
'line-color': 'hsl(0, 0%, 27%)',
'line-dasharray': [
'step',
['zoom'],
['literal', [1, 0]],
15,
['literal', [1.75, 1]],
16,
['literal', [1, 0.75]],
17,
['literal', [1, 0.5]]
]
}
},
{
id: 'road-steps',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 14,
filter: [
'all',
['==', ['get', 'type'], 'steps'],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
15,
1,
16,
1.6,
18,
6
],
'line-color': 'hsl(0, 0%, 27%)',
'line-dasharray': [
'step',
['zoom'],
['literal', [1, 0]],
15,
['literal', [1.75, 1]],
16,
['literal', [1, 0.75]],
17,
['literal', [0.3, 0.3]]
]
}
},
{
id: 'road-major-link',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 10,
filter: [
'all',
[
'match',
['get', 'class'],
['motorway_link', 'trunk_link'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'road-pedestrian',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 12,
filter: [
'all',
['==', ['get', 'class'], 'pedestrian'],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
0.5,
18,
12
],
'line-color': 'hsl(0, 0%, 27%)',
'line-dasharray': [
'step',
['zoom'],
['literal', [1, 0]],
15,
['literal', [1.5, 0.4]],
16,
['literal', [1, 0.2]]
]
}
},
{
id: 'road-minor',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
[
'step',
['zoom'],
['==', ['get', 'class'], 'track'],
14,
[
'match',
['get', 'class'],
['track', 'secondary_link', 'tertiary_link', 'service'],
true,
false
]
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
['match', ['get', 'class'], 'track', 1, 0.5],
18,
12
],
'line-color': 'hsl(0, 0%, 27%)',
'line-opacity': ['step', ['zoom'], 0, 14, 1]
}
},
{
id: 'road-street',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 11,
filter: [
'all',
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-color': 'hsl(0, 0%, 27%)',
'line-opacity': ['step', ['zoom'], 0, 14, 1]
}
},
{
id: 'road-secondary-tertiary',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
filter: [
'all',
[
'match',
['get', 'class'],
['secondary', 'tertiary'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.1,
18,
26
],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'road-primary',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
filter: [
'all',
['==', ['get', 'class'], 'primary'],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.75,
18,
32
],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'road-motorway-trunk',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
filter: [
'all',
['match', ['get', 'class'], ['motorway', 'trunk'], true, false],
['match', ['get', 'structure'], ['none', 'ford'], true, false],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.75,
18,
32
],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'road-rail',
type: 'line',
metadata: { 'mapbox:group': '1444855786460.0557' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
[
'match',
['get', 'class'],
['major_rail', 'minor_rail'],
true,
false
],
['match', ['get', 'structure'], ['none', 'ford'], true, false]
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
0.5,
20,
1
],
'line-color': 'hsl(0, 0%, 17%)'
}
},
{
id: 'bridge-pedestrian-case',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],
['==', ['get', 'class'], 'pedestrian'],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
2,
18,
14.5
],
'line-opacity': ['step', ['zoom'], 0, 14, 1],
'line-color': 'hsl(0, 0%, 17%)'
}
},
{
id: 'bridge-street-minor-low',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],
[
'step',
['zoom'],
[
'match',
['get', 'class'],
['street', 'street_limited', 'track', 'primary_link'],
true,
false
],
14,
[
'match',
['get', 'class'],
[
'street',
'street_limited',
'track',
'primary_link',
'secondary_link',
'tertiary_link',
'service'
],
true,
false
]
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-cap': 'round', 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
2,
'track',
1,
0.5
],
18,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
18,
12
]
],
'line-color': 'hsl(0, 0%, 27%)',
'line-opacity': ['step', ['zoom'], 1, 14, 0]
}
},
{
id: 'bridge-street-minor-case',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],
[
'step',
['zoom'],
[
'match',
['get', 'class'],
['street', 'street_limited', 'track', 'primary_link'],
true,
false
],
14,
[
'match',
['get', 'class'],
[
'street',
'street_limited',
'track',
'primary_link',
'secondary_link',
'tertiary_link',
'service'
],
true,
false
]
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.75,
20,
2
],
'line-opacity': ['step', ['zoom'], 0, 14, 1],
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
2,
'track',
1,
0.5
],
18,
[
'match',
['get', 'class'],
['street', 'street_limited', 'primary_link'],
18,
12
]
],
'line-color': 'hsl(0, 0%, 17%)'
}
},
{
id: 'bridge-primary-secondary-tertiary-case',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],
[
'match',
['get', 'class'],
['primary', 'secondary', 'tertiary'],
true,
false
],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
10,
[
'match',
['get', 'class'],
'primary',
1,
['secondary', 'tertiary'],
0.75,
0.75
],
18,
2
],
'line-opacity': ['step', ['zoom'], 0, 10, 1],
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
[
'match',
['get', 'class'],
'primary',
0.75,
['secondary', 'tertiary'],
0.1,
0.1
],
18,
[
'match',
['get', 'class'],
'primary',
32,
['secondary', 'tertiary'],
26,
26
]
],
'line-color': 'hsl(0, 0%, 17%)'
}
},
{
id: 'bridge-major-link-case',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],
[
'match',
['get', 'class'],
['motorway_link', 'trunk_link'],
true,
false
],
['<=', ['get', 'layer'], 1],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.75,
20,
2
],
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
12,
0.5,
14,
2,
18,
18
],
'line-color': 'hsl(0, 0%, 17%)'
}
},
{
id: 'bridge-motorway-trunk-case',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],
['match', ['get', 'class'], ['motorway', 'trunk'], true, false],
['<=', ['get', 'layer'], 1],
['==', ['geometry-type'], 'LineString']
],
layout: { 'line-join': 'round' },
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
10,
1,
18,
2
],
'line-gap-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
5,
0.75,
18,
32
],
'line-color': 'hsl(0, 0%, 17%)'
}
},
{
id: 'bridge-construction',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 14,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],
['==', ['get', 'class'], 'construction'],
['==', ['geometry-type'], 'LineString']
],
layout: {},
paint: {
'line-width': [
'interpolate',
['exponential', 1.5],
['zoom'],
14,
2,
18,
18
],
'line-dasharray': [
'step',
['zoom'],
['literal', [0.4, 0.8]],
15,
['literal', [0.3, 0.6]],
16,
['literal', [0.2, 0.3]],
17,
['literal', [0.2, 0.25]],
18,
['literal', [0.15, 0.15]]
],
'line-color': 'hsl(0, 0%, 27%)'
}
},
{
id: 'bridge-path',
type: 'line',
metadata: { 'mapbox:group': '1444855799204.86' },
source: 'composite',
'source-layer': 'road',
minzoom: 13,
filter: [
'all',
['==', ['get', 'structure'], 'bridge'],