Last active
August 29, 2015 14:23
-
-
Save wboykinm/7129890cfcbbb291d138 to your computer and use it in GitHub Desktop.
Mapbox GL JS Easing (cribbed from @jfire's example)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"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" | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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