Skip to content

Instantly share code, notes, and snippets.

@wboykinm

wboykinm/faraday2.0a27e92a.json

Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wboykinm/7129890cfcbbb291d138 to your computer and use it in GitHub Desktop.
Save wboykinm/7129890cfcbbb291d138 to your computer and use it in GitHub Desktop.
Download ZIP
Mapbox GL JS Easing (cribbed from @jfire's example)
Raw
faraday2.0a27e92a.json
{
"version": 7,
"name": "Dark-Fonts",
"sources": {
"mapbox": {
"url": "mapbox://mapbox.mapbox-streets-v6",
"type": "vector"
},
"mapbox://mapbox.mapbox-terrain-v2": {
"url": "mapbox://mapbox.mapbox-terrain-v2",
"type": "vector"
}
},
"sprite": "https://www.mapbox.com/mapbox-gl-styles/sprites/dark",
"glyphs": "mapbox://fonts/v1/faraday2/{fontstack}/{range}.pbf",
"layers": [
{
"id": "background",
"type": "background",
"interactive": true,
"layout": {
"visibility": "visible"
},
"paint": {
"background-color": "#111"
},
"metadata": {}
},
{
"id": "landcover_snow",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "landcover",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"snow"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#000",
"fill-opacity": 0.5
},
"metadata": {}
},
{
"id": "landcover_crop",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "landcover",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"crop"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#131313",
"fill-opacity": 0.5
},
"metadata": {}
},
{
"id": "landcover_grass",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "landcover",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"grass"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#1a1a1a",
"fill-opacity": 0.5
},
"metadata": {}
},
{
"id": "landcover_scrub",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "landcover",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"scrub"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#1c1c1c",
"fill-opacity": 0.5
},
"metadata": {}
},
{
"id": "landcover_wood",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "landcover",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"wood"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#232323",
"fill-opacity": 0.5
},
"metadata": {}
},
{
"id": "landuse_industrial",
"type": "fill",
"source": "mapbox",
"source-layer": "landuse",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"industrial"
],
[
"in",
"$type",
"Polygon"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#000",
"fill-opacity": 0.5
},
"metadata": {}
},
{
"id": "landuse_park",
"type": "fill",
"source": "mapbox",
"source-layer": "landuse",
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"park"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#1b1b1b"
},
"metadata": {}
},
{
"id": "landuse_wood",
"type": "fill",
"source": "mapbox",
"source-layer": "landuse",
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"wood"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#1f1f1f"
},
"metadata": {}
},
{
"id": "hillshade_highlight_bright",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "hillshade",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"level",
94
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#000",
"fill-opacity": {
"base": 1,
"stops": [
[
15,
0.15
],
[
17,
0.05
]
]
}
},
"metadata": {}
},
{
"id": "hillshade_highlight_med",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "hillshade",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"level",
90
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#000",
"fill-opacity": {
"base": 1,
"stops": [
[
15,
0.15
],
[
17,
0.05
]
]
}
},
"metadata": {}
},
{
"id": "hillshade_shadow_faint",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "hillshade",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"level",
89
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#999999",
"fill-opacity": {
"base": 1,
"stops": [
[
14,
0.06
],
[
17,
0.01
]
]
}
},
"metadata": {}
},
{
"id": "hillshade_shadow_med",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "hillshade",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"level",
78
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#999999",
"fill-opacity": {
"base": 1,
"stops": [
[
14,
0.06
],
[
17,
0.01
]
]
}
},
"metadata": {}
},
{
"id": "hillshade_shadow_dark",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "hillshade",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"level",
67
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#888888",
"fill-opacity": {
"base": 1,
"stops": [
[
14,
0.06
],
[
17,
0.01
]
]
}
},
"metadata": {}
},
{
"id": "hillshade_shadow_extreme",
"type": "fill",
"source": "mapbox://mapbox.mapbox-terrain-v2",
"source-layer": "hillshade",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"level",
56
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#999",
"fill-opacity": {
"base": 1,
"stops": [
[
14,
0.06
],
[
17,
0.01
]
]
}
},
"metadata": {}
},
{
"id": "building_shadow",
"type": "fill",
"source": "mapbox",
"source-layer": "building",
"minzoom": 15,
"interactive": true,
"paint": {
"fill-outline-color": "#111111",
"fill-opacity": {
"base": 1,
"stops": [
[
15,
0
],
[
16.5,
1
]
]
},
"fill-antialias": true,
"fill-color": "#333333",
"fill-translate": [
2,
2
]
},
"metadata": {}
},
{
"id": "building",
"ref": "building_shadow",
"interactive": true,
"paint": {
"fill-outline-color": "#111111",
"fill-opacity": {
"base": 1,
"stops": [
[
15,
0
],
[
16.5,
1
]
]
},
"fill-antialias": true,
"fill-color": "#555555"
},
"metadata": {}
},
{
"id": "waterway",
"type": "line",
"source": "mapbox",
"source-layer": "waterway",
"minzoom": 8,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"class",
"river",
"canal"
]
],
"paint": {
"line-color": "#000000",
"line-width": {
"base": 1,
"stops": [
[
10,
0.25
],
[
20,
6
]
]
}
},
"metadata": {}
},
{
"id": "waterway_stream",
"type": "line",
"source": "mapbox",
"source-layer": "waterway",
"minzoom": 8,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"class",
"stream"
]
],
"paint": {
"line-color": "#000000",
"line-width": {
"base": 1,
"stops": [
[
10,
0.75
],
[
20,
4
]
]
}
},
"metadata": {}
},
{
"id": "water",
"type": "fill",
"source": "mapbox",
"source-layer": "water",
"interactive": true,
"layout": {
"visibility": "visible"
},
"paint": {
"fill-color": "#000",
"fill-outline-color": "#111"
},
"metadata": {}
},
{
"id": "aeroway_runway",
"type": "line",
"source": "mapbox",
"source-layer": "aeroway",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"type",
"runway"
]
],
"layout": {
"line-join": "miter",
"visibility": "visible"
},
"paint": {
"line-width": {
"base": 1.15,
"stops": [
[
11,
3
],
[
20,
32
]
]
},
"line-color": "#000",
"line-opacity": {
"base": 1,
"stops": [
[
9,
0.5
],
[
11,
1
]
]
}
},
"metadata": {}
},
{
"id": "aeroway_taxiway",
"type": "line",
"source": "mapbox",
"source-layer": "aeroway",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"type",
"taxiway"
]
],
"layout": {
"line-join": "miter"
},
"paint": {
"line-width": {
"base": 1.15,
"stops": [
[
10,
0.25
],
[
11,
1
],
[
20,
8
]
]
},
"line-color": "#3c3c3c"
},
"metadata": {}
},
{
"id": "tunnel_minor",
"type": "line",
"source": "mapbox",
"source-layer": "tunnel",
"minzoom": 8,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"class",
"motorway_link",
"street",
"street_limited",
"service",
"driveway",
"path"
]
],
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.55,
"stops": [
[
4,
0.25
],
[
20,
20
]
]
},
"line-dasharray": [
0.36,
0.18
]
},
"metadata": {}
},
{
"id": "tunnel_major",
"type": "line",
"source": "mapbox",
"source-layer": "tunnel",
"minzoom": 8,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"class",
"motorway",
"main"
]
],
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.4,
"stops": [
[
6,
0.5
],
[
20,
30
]
]
},
"line-dasharray": [
0.28,
0.14
]
},
"metadata": {}
},
{
"id": "road-path",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"path"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1,
"stops": [
[
15,
1
],
[
18,
4
]
]
}
},
"metadata": {}
},
{
"id": "road-street-low-zoom",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"maxzoom": 14.1,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"street",
"street_limited"
],
[
"in",
"$type",
"LineString"
]
],
"layout": {
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.5
],
[
14,
2
],
[
18,
18
]
]
},
"line-opacity": {
"base": 1,
"stops": [
[
11.5,
0
],
[
12,
1
]
]
}
},
"metadata": {}
},
{
"id": "road-service-driveway",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"service",
"driveway"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1,
"stops": [
[
14,
0.5
],
[
18,
12
]
]
}
},
"metadata": {}
},
{
"id": "road-motorway_link",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"motorway_link"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.5
],
[
14,
2
],
[
18,
18
]
]
}
},
"metadata": {}
},
{
"id": "road-street_limited",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"street_limited",
""
],
[
"in",
"$type",
"LineString"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.5
],
[
14,
2
],
[
18,
18
]
]
}
},
"metadata": {}
},
{
"id": "road-street",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 14,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"street"
],
[
"in",
"$type",
"LineString"
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.3
],
[
14,
2
],
[
18,
18
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "road-main",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"class",
"main"
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
6,
0.5
],
[
18,
26
]
]
},
"line-opacity": {
"base": 1,
"stops": [
[
5,
0
],
[
5.5,
1
]
]
}
},
"metadata": {}
},
{
"id": "road-trunk",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"main"
],
[
"in",
"type",
"trunk"
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
5,
0.75
],
[
18,
32
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "road-motorway",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 9,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"motorway"
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
5,
0.75
],
[
18,
32
]
]
},
"line-opacity": {
"base": 1,
"stops": [
[
5,
0
],
[
5.5,
1
]
]
}
},
"metadata": {}
},
{
"id": "road-rail",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 13,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"major_rail",
"minor_rail"
]
],
"layout": {
"line-cap": "round",
"line-join": "round",
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
14,
0.5
],
[
20,
1
]
]
},
"line-opacity": 1,
"line-dasharray": [
1,
1
]
},
"metadata": {}
},
{
"id": "road-rail-tracks",
"type": "line",
"source": "mapbox",
"source-layer": "road",
"minzoom": 13,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"major_rail",
"minor_rail"
]
],
"layout": {
"line-cap": "butt",
"line-join": "miter",
"visibility": "visible"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
14,
4
],
[
20,
8
]
]
},
"line-opacity": 1,
"line-dasharray": [
0.1,
2
]
},
"metadata": {}
},
{
"id": "bridge_minor_case",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"class",
"motorway_link",
"street",
"street_limited",
"service",
"driveway",
"path"
]
],
"paint": {
"line-color": "#111",
"line-width": {
"base": 1.6,
"stops": [
[
12,
0.5
],
[
20,
10
]
]
},
"line-gap-width": {
"base": 1.55,
"stops": [
[
4,
0.25
],
[
20,
20
]
]
}
},
"metadata": {}
},
{
"id": "bridge-path",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"path"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
15,
1
],
[
18,
4
]
]
}
},
"metadata": {}
},
{
"id": "bridge-street-low-zoom",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"maxzoom": 14.1,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"street",
"street_limited"
],
[
"in",
"$type",
"LineString"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.5
],
[
14,
2
],
[
18,
18
]
]
},
"line-opacity": {
"base": 1,
"stops": [
[
11.5,
0
],
[
12,
1
]
]
}
},
"metadata": {}
},
{
"id": "bridge-motorway_link",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"motorway_link"
],
[
"in",
"$type",
"LineString"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.5
],
[
14,
2
],
[
18,
18
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "bridge-street_limited",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 14,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"street_limited"
],
[
"in",
"$type",
"LineString"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.5
],
[
14,
2
],
[
18,
18
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "bridge-street",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"street"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
12.5,
0.5
],
[
14,
2
],
[
18,
18
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "bridge-main",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"main"
],
[
"!=",
"type",
"trunk"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
6,
0.5
],
[
18,
26
]
]
},
"line-opacity": {
"base": 1,
"stops": [
[
5,
0
],
[
5.5,
1
]
]
}
},
"metadata": {}
},
{
"id": "bridge-trunk",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"main"
],
[
"in",
"type",
"trunk"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1,
"stops": [
[
3,
0.5
],
[
9,
1.25
],
[
20,
10
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "bridge-motorway",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 9,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"motorway"
]
],
"layout": {
"visibility": "visible",
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1,
"stops": [
[
3,
0.5
],
[
9,
1.25
],
[
20,
10
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "bridge-rail",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 13,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"major_rail",
"minor_rail"
]
],
"layout": {
"visibility": "visible",
"line-cap": "butt",
"line-join": "miter",
"line-round-limit": 2
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
14,
4
],
[
20,
6
]
]
},
"line-dasharray": [
0.2,
1
],
"line-opacity": 1
},
"metadata": {}
},
{
"id": "bridge-rail-tracks",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 14,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"major_rail",
"minor_rail"
]
],
"layout": {
"visibility": "visible",
"line-cap": "butt",
"line-join": "miter",
"line-round-limit": 2
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
14,
4
],
[
20,
6
]
]
},
"line-dasharray": [
1,
0
],
"line-opacity": 1,
"line-blur": 2
},
"metadata": {}
},
{
"id": "bridge-rail-tracks_copy",
"type": "line",
"source": "mapbox",
"source-layer": "bridge",
"minzoom": 14,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"aerialway"
]
],
"layout": {
"visibility": "visible",
"line-cap": "butt",
"line-join": "miter",
"line-round-limit": 2
},
"paint": {
"line-color": "#333333",
"line-width": {
"base": 1.5,
"stops": [
[
14,
0.5
],
[
20,
1
]
]
},
"line-opacity": 1
},
"metadata": {}
},
{
"id": "admin-3-4-boundaries-bg",
"type": "line",
"source": "mapbox",
"source-layer": "admin",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
">=",
"admin_level",
3
],
[
"in",
"maritime",
0
]
],
"layout": {
"visibility": "visible",
"line-join": "bevel"
},
"paint": {
"line-width": {
"base": 1,
"stops": [
[
3,
3.5
],
[
12,
6
]
]
},
"line-opacity": {
"base": 1,
"stops": [
[
2,
0
],
[
5,
0.75
]
]
},
"line-color": "#000"
},
"metadata": {}
},
{
"id": "admin-2-boundaries-bg",
"type": "line",
"source": "mapbox",
"source-layer": "admin",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"admin_level",
2
],
[
"in",
"maritime",
0
],
[
"in",
"disputed",
2
]
],
"layout": {
"visibility": "visible",
"line-join": "miter"
},
"paint": {
"line-color": "#000000",
"line-opacity": {
"base": 1,
"stops": [
[
3,
0
],
[
4,
0.75
]
]
},
"line-width": {
"base": 1,
"stops": [
[
2,
3.5
],
[
10,
10
]
]
}
},
"metadata": {}
},
{
"id": "admin-3-4-boundaries",
"type": "line",
"source": "mapbox",
"source-layer": "admin",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
">=",
"admin_level",
3
],
[
"in",
"maritime",
0
]
],
"layout": {
"visibility": "visible",
"line-join": "miter"
},
"paint": {
"line-color": "#797979",
"line-opacity": {
"base": 1,
"stops": [
[
2,
0
],
[
3,
1
]
]
},
"line-width": {
"base": 1,
"stops": [
[
3,
0.5
],
[
12,
2
]
]
},
"line-dasharray": {
"base": 1,
"stops": [
[
4,
[
2,
0
]
],
[
5,
[
2,
2,
6,
2
]
]
]
}
},
"metadata": {}
},
{
"id": "admin-2-boundaries",
"type": "line",
"source": "mapbox",
"source-layer": "admin",
"minzoom": 1,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"admin_level",
2
],
[
"in",
"maritime",
0
],
[
"in",
"disputed",
0
]
],
"layout": {
"visibility": "visible",
"line-join": "round",
"line-cap": "round"
},
"paint": {
"line-color": "#5f5f5f",
"line-opacity": 1,
"line-width": {
"base": 1,
"stops": [
[
3,
0.5
],
[
10,
2
]
]
}
},
"metadata": {}
},
{
"id": "country-label-lg",
"type": "symbol",
"source": "mapbox",
"source-layer": "country_label",
"maxzoom": 12,
"interactive": true,
"filter": [
"all",
[
"in",
"scalerank",
1,
2
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Semibold, Arial Unicode MS Regular",
"text-max-size": 18,
"text-max-width": 6,
"symbol-avoid-edges": true
},
"paint": {
"text-color": {
"base": 1,
"stops": [
[
0,
"#666"
],
[
10,
"#999"
]
]
},
"text-halo-color": "#000",
"text-halo-width": 1,
"text-halo-blur": 1,
"text-size": {
"stops": [
[
1,
9
],
[
5,
18
]
],
"base": 0.9
}
},
"metadata": {}
},
{
"id": "country-label-md",
"type": "symbol",
"source": "mapbox",
"source-layer": "country_label",
"minzoom": 1,
"maxzoom": 8,
"interactive": true,
"filter": [
"all",
[
"in",
"scalerank",
3,
4
]
],
"layout": {
"text-field": {
"base": 1,
"stops": [
[
0,
"{code}"
],
[
2,
"{name_en}"
]
]
},
"text-font": "Sentinel Semibold, Arial Unicode MS Regular",
"text-max-size": 18,
"text-max-width": 7,
"symbol-avoid-edges": true
},
"paint": {
"text-color": {
"base": 1,
"stops": [
[
0,
"#444"
],
[
10,
"#888"
]
]
},
"text-halo-color": "#000",
"text-halo-width": 1,
"text-halo-blur": 1,
"text-size": {
"stops": [
[
2,
8
],
[
7,
18
]
],
"base": 0.9
}
},
"metadata": {}
},
{
"id": "country-label-sm",
"type": "symbol",
"source": "mapbox",
"source-layer": "country_label",
"minzoom": 1,
"maxzoom": 10,
"interactive": true,
"filter": [
"all",
[
">=",
"scalerank",
5
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Semibold, Arial Unicode MS Regular",
"text-max-size": 18,
"text-max-width": 7,
"symbol-avoid-edges": true
},
"paint": {
"text-color": {
"base": 1,
"stops": [
[
0,
"#444"
],
[
10,
"#888"
]
]
},
"text-halo-color": "#000",
"text-halo-width": 1,
"text-halo-blur": 1,
"text-size": {
"stops": [
[
3,
8
],
[
9,
18
]
],
"base": 0.9
}
},
"metadata": {}
},
{
"id": "state-label-lg",
"type": "symbol",
"source": "mapbox",
"source-layer": "state_label",
"minzoom": 3,
"maxzoom": 7,
"interactive": true,
"filter": [
"all",
[
">=",
"area",
80000
]
],
"layout": {
"text-transform": "uppercase",
"visibility": "visible",
"text-field": {
"base": 1,
"stops": [
[
0,
"{abbr}"
],
[
4,
"{name_en}"
]
]
},
"text-font": "Sentinel Semibold, Arial Unicode MS Regular",
"text-max-size": 10,
"text-letter-spacing": 0.15,
"text-max-width": 7,
"symbol-avoid-edges": true
},
"paint": {
"text-color": {
"base": 1,
"stops": [
[
0,
"#969696"
],
[
20,
"#969696"
]
]
},
"text-size": {
"base": 1,
"stops": [
[
4,
9
],
[
7,
18
]
]
}
},
"metadata": {}
},
{
"id": "marine_label_line_1",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"labelrank",
1
]
],
"layout": {
"text-line-height": 1.2,
"symbol-avoid-edges": true,
"text-max-size": 30,
"text-font": "Sentinel Book Italic, Arial Unicode MS Regular",
"symbol-placement": "line",
"visibility": "visible",
"text-field": "{name_en}",
"text-letter-spacing": 0.4,
"text-max-width": 15
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
3,
25
],
[
4,
30
]
]
},
"text-opacity": 0.25
},
"metadata": {}
},
{
"id": "marine_label_line_2",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"labelrank",
2
]
],
"layout": {
"text-line-height": 1.2,
"symbol-avoid-edges": true,
"text-max-size": 24,
"text-font": "Sentinel Book Italic, Arial Unicode MS Regular",
"symbol-placement": "line",
"visibility": "visible",
"text-field": "{name_en}",
"text-letter-spacing": 0,
"text-max-width": 15
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
3,
14
],
[
5,
24
]
]
},
"text-opacity": 0.25
},
"metadata": {}
},
{
"id": "marine_label_line_3",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"labelrank",
3
]
],
"layout": {
"text-line-height": 1.2,
"symbol-avoid-edges": true,
"text-max-size": 18,
"text-font": "Sentinel Book Italic, Arial Unicode MS Regular",
"symbol-placement": "line",
"visibility": "visible",
"text-field": "{name_en}",
"text-letter-spacing": 0,
"text-max-width": 15
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
3,
13
],
[
5,
18
]
]
},
"text-opacity": 0.25
},
"metadata": {}
},
{
"id": "marine_label_line_other",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"LineString"
],
[
"in",
"labelrank",
4,
5,
6
]
],
"layout": {
"text-line-height": 1.2,
"symbol-avoid-edges": true,
"text-max-size": 16,
"text-font": "Sentinel Book Italic, Arial Unicode MS Regular",
"symbol-placement": "line",
"visibility": "visible",
"text-field": "{name_en}",
"text-letter-spacing": 0,
"text-max-width": 15
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
4,
12
],
[
6,
16
]
]
},
"text-opacity": 0.25
},
"metadata": {}
},
{
"id": "marine_label_point_1",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"Point"
],
[
"in",
"labelrank",
1
]
],
"layout": {
"text-line-height": 1.5,
"symbol-avoid-edges": true,
"text-max-size": 30,
"text-font": "Whitney Book Italic, Arial Unicode MS Regular",
"symbol-placement": "point",
"visibility": "visible",
"text-field": "{name_en}",
"text-letter-spacing": 0.25,
"text-max-width": 4
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
1,
12
],
[
4,
30
]
]
},
"text-opacity": 0.25
},
"metadata": {}
},
{
"id": "marine_label_point_2",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"Point"
],
[
"in",
"labelrank",
2
]
],
"layout": {
"text-line-height": 1.2,
"symbol-avoid-edges": true,
"text-max-size": 24,
"text-font": "Whitney Book Italic, Arial Unicode MS Regular",
"symbol-placement": "point",
"visibility": "visible",
"text-field": "{name_en}",
"text-letter-spacing": 0,
"text-max-width": 8
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
3,
14
],
[
5,
24
]
]
},
"text-opacity": 0.25
},
"metadata": {}
},
{
"id": "marine_label_point_3",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"Point"
],
[
"in",
"labelrank",
3
]
],
"layout": {
"text-line-height": 1.3,
"symbol-avoid-edges": true,
"text-max-size": 18,
"text-font": "Whitney Book Italic, Arial Unicode MS Regular",
"symbol-placement": "point",
"visibility": "visible",
"text-field": "{name_en}",
"text-letter-spacing": 0.1,
"text-max-width": 8
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
3,
13
],
[
5,
18
]
]
},
"text-opacity": 0.25
},
"metadata": {}
},
{
"id": "marine_label_point_other",
"type": "symbol",
"source": "mapbox",
"source-layer": "marine_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"Point"
],
[
"in",
"labelrank",
4,
5,
6
]
],
"layout": {
"text-line-height": 1.2,
"symbol-avoid-edges": true,
"text-max-size": 16,
"text-font": "Whitney Book Italic, Arial Unicode MS Regular",
"symbol-placement": "point",
"visibility": "none",
"text-field": "{name_en}",
"text-letter-spacing": 0.1,
"text-max-width": 8
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
4,
12
],
[
6,
16
]
]
}
},
"metadata": {}
},
{
"id": "place_label_city_large_n",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"maxzoom": 16,
"interactive": true,
"filter": [
"all",
[
"<=",
"scalerank",
1
],
[
"in",
"ldir",
"N",
"NE",
"NW",
"W"
],
[
"in",
"type",
"city"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Book, Arial Unicode MS Bold",
"text-max-width": 5,
"text-max-size": 20,
"text-transform": "none",
"text-anchor": {
"base": 1,
"stops": [
[
0,
"bottom"
],
[
6,
"center"
]
]
},
"text-offset": {
"base": 1,
"stops": [
[
0,
[
0,
-0.2
]
],
[
6,
[
0,
0
]
]
]
},
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1.5,
"text-halo-blur": 0,
"text-size": {
"stops": [
[
4,
11
],
[
10,
20
]
],
"base": 0.9
}
},
"metadata": {}
},
{
"id": "place_label_city_large_s",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"maxzoom": 16,
"interactive": true,
"filter": [
"all",
[
"in",
"type",
"city"
],
[
"<=",
"scalerank",
1
],
[
"in",
"ldir",
"S",
"SE",
"SW",
"E"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Book, Arial Unicode MS Bold",
"text-max-width": 15,
"text-max-size": 20,
"text-transform": "none",
"text-anchor": {
"base": 1,
"stops": [
[
0,
"top"
],
[
6,
"center"
]
]
},
"text-offset": {
"base": 1,
"stops": [
[
0,
[
0,
0.1
]
],
[
6,
[
0,
0
]
]
]
},
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1.5,
"text-halo-blur": 0,
"text-size": {
"stops": [
[
4,
11
],
[
10,
20
]
],
"base": 0.9
}
},
"metadata": {}
},
{
"id": "place_label_city_medium_n",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"maxzoom": 16,
"interactive": true,
"filter": [
"all",
[
"in",
"type",
"city"
],
[
"<=",
"scalerank",
4
],
[
">",
"scalerank",
1
],
[
"in",
"ldir",
"N",
"W",
"NW",
"NE"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Book, Arial Unicode MS Bold",
"text-max-width": 10,
"text-max-size": 19,
"text-anchor": {
"base": 1,
"stops": [
[
0,
"bottom"
],
[
6,
"center"
]
]
},
"text-offset": {
"base": 1,
"stops": [
[
0,
[
0,
-0.2
]
],
[
6,
[
0,
0
]
]
]
},
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1.5,
"text-halo-blur": 0,
"text-size": {
"stops": [
[
5,
11
],
[
12,
19
]
],
"base": 0.9
}
},
"metadata": {}
},
{
"id": "place_label_city_medium_s",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"maxzoom": 16,
"interactive": true,
"filter": [
"all",
[
"in",
"type",
"city"
],
[
"<=",
"scalerank",
4
],
[
">",
"scalerank",
1
],
[
"in",
"ldir",
"S",
"E",
"SE",
"SW"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Book, Arial Unicode MS Bold",
"text-max-width": 10,
"text-max-size": 19,
"text-anchor": {
"base": 1,
"stops": [
[
0,
"top"
],
[
6,
"center"
]
]
},
"text-offset": {
"base": 1,
"stops": [
[
0,
[
0,
0.1
]
],
[
6,
[
0,
0
]
]
]
},
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1.5,
"text-halo-blur": 0,
"text-size": {
"stops": [
[
5,
11
],
[
12,
19
]
],
"base": 0.9
}
},
"metadata": {}
},
{
"id": "place_label_city_small_n",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"maxzoom": 16,
"interactive": true,
"filter": [
"all",
[
"in",
"type",
"city"
],
[
">",
"scalerank",
4
],
[
"in",
"ldir",
"N",
"W",
"NW",
"NE"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Book, Arial Unicode MS Bold",
"text-max-width": 10,
"text-max-size": 19,
"text-anchor": {
"base": 1,
"stops": [
[
0,
"bottom"
],
[
6,
"center"
]
]
},
"text-offset": {
"base": 1,
"stops": [
[
0,
[
0,
-0.2
]
],
[
6,
[
0,
0
]
]
]
},
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1.5,
"text-halo-blur": 0,
"text-size": {
"stops": [
[
6,
11
],
[
14,
19
]
]
}
},
"metadata": {}
},
{
"id": "place_label_city_small_s",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"maxzoom": 16,
"interactive": true,
"filter": [
"all",
[
"in",
"type",
"city"
],
[
">",
"scalerank",
4
],
[
"in",
"ldir",
"S",
"E",
"SE",
"SW"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Sentinel Book, Arial Unicode MS Bold",
"text-max-width": 10,
"text-max-size": 19,
"text-anchor": {
"base": 1,
"stops": [
[
0,
"top"
],
[
6,
"center"
]
]
},
"text-offset": {
"base": 1,
"stops": [
[
0,
[
0,
0.1
]
],
[
6,
[
0,
0
]
]
]
},
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1.5,
"text-halo-blur": 0,
"text-size": {
"stops": [
[
6,
11
],
[
14,
19
]
]
}
},
"metadata": {}
},
{
"id": "place_label_other",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"minzoom": 8,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"Point"
],
[
"in",
"type",
"town",
"village",
"hamlet"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Whitney Book Italic, Arial Unicode MS Bold",
"text-max-width": 15,
"text-max-size": 18,
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1,
"text-halo-blur": 1,
"text-size": {
"stops": [
[
6,
10
],
[
12,
13
]
]
}
},
"metadata": {}
},
{
"id": "place_label_neighborhood",
"type": "symbol",
"source": "mapbox",
"source-layer": "place_label",
"minzoom": 12,
"interactive": true,
"filter": [
"all",
[
"in",
"$type",
"Point"
],
[
"in",
"type",
"suburb",
"neighbourhood"
]
],
"layout": {
"text-field": "{name_en}",
"text-font": "Whitney Book Italic, Arial Unicode MS Bold",
"text-max-width": 7,
"text-max-size": 14,
"text-letter-spacing": 0.1,
"text-transform": "uppercase",
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-halo-color": "#000",
"text-halo-width": 1,
"text-halo-blur": 1,
"text-size": {
"stops": [
[
12,
10
],
[
16,
14
]
]
},
"text-opacity": {
"base": 1,
"stops": [
[
0,
0
],
[
12,
0.66
],
[
13,
1
]
]
}
},
"metadata": {}
},
{
"id": "water-label",
"type": "symbol",
"source": "mapbox",
"source-layer": "water_label",
"minzoom": 5,
"maxzoom": 22,
"interactive": true,
"layout": {
"text-font": "DIN Offc Pro Italic, Arial Unicode MS Regular",
"visibility": "visible",
"text-field": "{name_en}",
"text-max-width": 7,
"symbol-avoid-edges": true
},
"paint": {
"text-color": {
"base": 1,
"stops": [
[
0,
"#969696"
],
[
20,
"#969696"
]
]
},
"text-size": {
"base": 1,
"stops": [
[
13,
12
],
[
18,
16
]
]
}
},
"metadata": {}
},
{
"id": "poi-scalerank1",
"type": "symbol",
"source": "mapbox",
"source-layer": "poi_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"!in",
"maki",
"rail-light",
"rail-metro",
"rail",
"airport",
"airfield",
"heliport",
"rocket",
"park",
"golf",
"cemetary",
"zoo",
"campsite",
"swimming",
"dog-park"
],
[
"<=",
"scalerank",
1
]
],
"layout": {
"text-max-width": 8,
"visibility": "visible",
"text-field": "{name_en}",
"text-max-size": 14,
"text-font": "Whitney Book Italic, Arial Unicode MS Regular",
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#b7b8b7",
"text-size": {
"base": 1,
"stops": [
[
10,
10
],
[
18,
14
]
]
},
"text-halo-color": "#000",
"text-halo-width": 1
},
"metadata": {}
},
{
"id": "poi-parks-scalerank1",
"type": "symbol",
"source": "mapbox",
"source-layer": "poi_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"scalerank",
1
],
[
"in",
"maki",
"park"
]
],
"layout": {
"text-max-width": 8,
"visibility": "visible",
"text-field": "{name_en}",
"text-max-size": 14,
"text-font": "Whitney Book Italic, Arial Unicode MS Regular",
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#c2c2c2",
"text-size": {
"base": 1,
"stops": [
[
10,
10
],
[
18,
14
]
]
},
"text-halo-color": "#000",
"text-halo-width": 1
},
"metadata": {}
},
{
"id": "airport-label",
"type": "symbol",
"source": "mapbox",
"source-layer": "poi_label",
"minzoom": 0,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"maki",
"airport",
"heliport",
"rocket"
],
[
"<=",
"scalerank",
2
]
],
"layout": {
"text-font": "Whitney Book Italic, Arial Unicode MS Regular",
"visibility": "visible",
"text-field": {
"base": 1,
"stops": [
[
10,
"{name_en}"
],
[
13,
""
]
]
},
"text-max-size": 18,
"text-max-width": 9,
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#999999",
"text-size": {
"base": 1,
"stops": [
[
10,
10
],
[
18,
18
]
]
},
"text-halo-color": "#000",
"text-halo-width": 1,
"text-halo-blur": 0
},
"metadata": {}
},
{
"id": "road-label-large",
"type": "symbol",
"source": "mapbox",
"source-layer": "road_label",
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"motorway",
"main"
]
],
"layout": {
"symbol-placement": "line",
"text-field": "{name_en}",
"text-font": "Whitney Book Regular, Arial Unicode MS Bold",
"text-transform": "none",
"text-letter-spacing": 0,
"text-max-size": 16,
"text-padding": 0,
"symbol-avoid-edges": true
},
"paint": {
"text-size": {
"base": 1,
"stops": [
[
8,
8
],
[
20,
17
]
]
},
"text-halo-color": "#000",
"text-halo-width": 2,
"text-color": "#929292"
},
"metadata": {}
},
{
"id": "road-label-med",
"type": "symbol",
"source": "mapbox",
"source-layer": "road_label",
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"street",
"street_limited"
]
],
"layout": {
"symbol-placement": "line",
"text-field": "{name_en}",
"text-font": "Whitney Book Regular, Arial Unicode MS Bold",
"text-transform": "none",
"text-letter-spacing": 0,
"text-max-size": 16,
"text-padding": 0,
"symbol-avoid-edges": true
},
"paint": {
"text-size": {
"base": 1,
"stops": [
[
8,
8
],
[
20,
16
]
]
},
"text-halo-color": "#000",
"text-halo-width": 2,
"text-color": "#929292"
},
"metadata": {}
},
{
"id": "road-label-sm",
"type": "symbol",
"source": "mapbox",
"source-layer": "road_label",
"minzoom": 12,
"interactive": true,
"filter": [
"all",
[
"!in",
"class",
"motorway",
"main",
"street_limited",
"street"
],
[
"in",
"$type",
"LineString"
]
],
"layout": {
"symbol-placement": "line",
"text-field": "{name_en}",
"text-font": "Whitney Book Regular, Arial Unicode MS Bold",
"text-transform": "none",
"text-letter-spacing": 0,
"text-max-size": 16,
"text-padding": 0,
"symbol-avoid-edges": true
},
"paint": {
"text-size": {
"base": 1,
"stops": [
[
8,
8
],
[
20,
15
]
]
},
"text-halo-color": "#000",
"text-halo-width": 2,
"text-color": "#929292"
},
"metadata": {}
},
{
"id": "waterway-label",
"type": "symbol",
"source": "mapbox",
"source-layer": "waterway_label",
"minzoom": 12,
"maxzoom": 22,
"interactive": true,
"filter": [
"all",
[
"in",
"class",
"river"
]
],
"layout": {
"text-font": "Sentinel Book Italic, Arial Unicode MS Regular",
"visibility": "visible",
"symbol-placement": "line",
"text-field": "{name_en}",
"symbol-avoid-edges": true
},
"paint": {
"text-color": "#929292",
"text-size": {
"base": 1,
"stops": [
[
13,
12
],
[
18,
16
]
]
}
},
"metadata": {}
}
],
"draft": false,
"owner": "faraday2",
"id": "faraday2.4ca94891",
"created": "2015-07-29T04:03:21.462Z",
"modified": "2015-07-29T17:45:49.605Z"
}
Raw
index.html
<html>
<head>
<meta charset='utf-8' />
<title>Mapbox GL JS Easing</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.8.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.8.0/mapbox-gl.css' rel='stylesheet' />
<link href='https://www.mapbox.com/base/latest/base.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<div id='map'></div>
<a class='button hidden pin-topleft' onclick='map.collisionDebug=!map.collisionDebug'>Toggle collision boxes</a>
<a class='button pin-topright margin1 col1 icon adjust-stroke hidden' onclick='tilter()'>Tilt</a>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoiZmFyYWRheTIiLCJhIjoiTUVHbDl5OCJ9.buFaqIdaIM3iXr1BOYKpsQ';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'faraday2.0a27e92a.json', //stylesheet location
center: [55.68037, 12.58979], // starting position
zoom: 12.66, // starting zoom,
//hash:true
});
function rotator(){
map.easeTo({bearing:60, duration:5000, pitch:55, zoom:14});
window.setTimeout(function(){
map.easeTo({bearing:180, duration:8000, pitch:0, zoom:10});
window.setTimeout(function(){
map.easeTo({bearing:220, duration:7000, pitch:70, zoom:13});
window.setTimeout(function(){
rotator()
}, 5000)
}, 8000)
}, 7000)
}
map.on('load', function(){
rotator()
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment