Built with blockbuilder.org
Last active
April 4, 2019 02:36
-
-
Save rockper/16c714f4df4c7172d309fa259634a8f4 to your computer and use it in GitHub Desktop.
fresh block
This file contains hidden or 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
| license: mit |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Klokantech Basic Preview</title> | |
| <link rel="stylesheet" type="text/css" href="https://api.mapbox.com/mapbox-gl-js/v0.43.0/mapbox-gl.css" /> | |
| <script src="https://api.mapbox.com/mapbox-gl-js/v0.43.0/mapbox-gl.js"></script> | |
| <style> | |
| body { margin:0; padding:0; } | |
| #map { position:absolute; top:0; bottom:0; width:100%; } | |
| </style> | |
| </head> | |
| <body> | |
| <div id='map'></div> | |
| <script> | |
| var map = new mapboxgl.Map({ | |
| container: 'map', | |
| style: 'klokantech-basic.json', | |
| attributionControl: true, | |
| center: [-121.287, 47.433], | |
| zoom: 7, | |
| hash: true | |
| }); | |
| map.addControl(new mapboxgl.NavigationControl()); | |
| </script> | |
| </body> | |
| </html> |
This file contains hidden or 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": 8, | |
| "name": "Klokantech Basic", | |
| "metadata": { | |
| "mapbox:autocomposite": false, | |
| "mapbox:type": "template", | |
| "maputnik:renderer": "mbgljs", | |
| "openmaptiles:version": "3.x", | |
| "openmaptiles:mapbox:owner": "openmaptiles", | |
| "openmaptiles:mapbox:source:url": "mapbox://openmaptiles.4qljc88t" | |
| }, | |
| "sources": { | |
| "openmaptiles": { | |
| "type": "vector", | |
| "url": "https://free.tilehosting.com/data/v3.json?key={key}" | |
| }, | |
| "zipcodes": { | |
| "type": "geojson", | |
| "data": "https://opendata.arcgis.com/datasets/e6c555c6ae7542b2bdec92485892b6e6_113.geojson" | |
| } | |
| }, | |
| "sprite": "https://openmaptiles.github.io/klokantech-basic-gl-style/sprite", | |
| "glyphs": "https://free.tilehosting.com/fonts/{fontstack}/{range}.pbf?key=undefined", | |
| "layers": [ | |
| { | |
| "id": "background", | |
| "type": "background", | |
| "paint": { | |
| "background-color": "hsl(47, 26%, 88%)" | |
| } | |
| }, | |
| { | |
| "id": "landuse-residential", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "landuse", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Polygon" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "residential" | |
| ] | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "fill-color": "hsl(47, 13%, 86%)", | |
| "fill-opacity": 0.7 | |
| } | |
| }, | |
| { | |
| "id": "landcover_grass", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "landcover", | |
| "filter": [ | |
| "==", | |
| "class", | |
| "grass" | |
| ], | |
| "paint": { | |
| "fill-color": "hsl(82, 46%, 72%)", | |
| "fill-opacity": 0.45 | |
| } | |
| }, | |
| { | |
| "id": "landcover_wood", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "landcover", | |
| "filter": [ | |
| "==", | |
| "class", | |
| "wood" | |
| ], | |
| "paint": { | |
| "fill-color": "hsl(82, 46%, 72%)", | |
| "fill-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 8, | |
| 0.6 | |
| ], | |
| [ | |
| 22, | |
| 1 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "water", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "water", | |
| "filter": [ | |
| "==", | |
| "$type", | |
| "Polygon" | |
| ], | |
| "paint": { | |
| "fill-color": "hsl(205, 56%, 73%)" | |
| } | |
| }, | |
| { | |
| "id": "landcover-ice-shelf", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "landcover", | |
| "filter": [ | |
| "==", | |
| "subclass", | |
| "ice_shelf" | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "fill-color": "hsl(47, 26%, 88%)", | |
| "fill-opacity": 0.8 | |
| } | |
| }, | |
| { | |
| "id": "landcover-glacier", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "landcover", | |
| "filter": [ | |
| "==", | |
| "subclass", | |
| "glacier" | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "fill-color": "hsl(47, 22%, 94%)", | |
| "fill-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 0, | |
| 1 | |
| ], | |
| [ | |
| 8, | |
| 0.5 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "landcover_sand", | |
| "type": "fill", | |
| "metadata": {}, | |
| "source": "openmaptiles", | |
| "source-layer": "landcover", | |
| "filter": [ | |
| "all", | |
| [ | |
| "in", | |
| "class", | |
| "sand" | |
| ] | |
| ], | |
| "paint": { | |
| "fill-antialias": false, | |
| "fill-color": "rgba(232, 214, 38, 1)", | |
| "fill-opacity": 0.3 | |
| } | |
| }, | |
| { | |
| "id": "landuse", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "landuse", | |
| "filter": [ | |
| "==", | |
| "class", | |
| "agriculture" | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "fill-color": "#eae0d0" | |
| } | |
| }, | |
| { | |
| "id": "landuse_overlay_national_park", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "landcover", | |
| "filter": [ | |
| "==", | |
| "class", | |
| "national_park" | |
| ], | |
| "paint": { | |
| "fill-color": "#E1EBB0", | |
| "fill-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 5, | |
| 0 | |
| ], | |
| [ | |
| 9, | |
| 0.75 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "waterway-tunnel", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "waterway", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "tunnel" | |
| ] | |
| ], | |
| "paint": { | |
| "line-color": "hsl(205, 56%, 73%)", | |
| "line-dasharray": [ | |
| 3, | |
| 3 | |
| ], | |
| "line-gap-width": { | |
| "stops": [ | |
| [ | |
| 12, | |
| 0 | |
| ], | |
| [ | |
| 20, | |
| 6 | |
| ] | |
| ] | |
| }, | |
| "line-opacity": 1, | |
| "line-width": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 8, | |
| 1 | |
| ], | |
| [ | |
| 20, | |
| 2 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "waterway", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "waterway", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "!in", | |
| "brunnel", | |
| "tunnel", | |
| "bridge" | |
| ] | |
| ], | |
| "paint": { | |
| "line-color": "hsl(205, 56%, 73%)", | |
| "line-opacity": 1, | |
| "line-width": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 8, | |
| 1 | |
| ], | |
| [ | |
| 20, | |
| 8 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "tunnel_railway_transit", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "minzoom": 0, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "tunnel" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "transit" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "butt", | |
| "line-join": "miter" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(34, 12%, 66%)", | |
| "line-dasharray": [ | |
| 3, | |
| 3 | |
| ], | |
| "line-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 11, | |
| 0 | |
| ], | |
| [ | |
| 16, | |
| 1 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "building", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "building", | |
| "paint": { | |
| "fill-antialias": true, | |
| "fill-color": "rgba(222, 211, 190, 1)", | |
| "fill-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 13, | |
| 0 | |
| ], | |
| [ | |
| 15, | |
| 1 | |
| ] | |
| ] | |
| }, | |
| "fill-outline-color": { | |
| "stops": [ | |
| [ | |
| 15, | |
| "rgba(212, 177, 146, 0)" | |
| ], | |
| [ | |
| 16, | |
| "rgba(212, 177, 146, 0.5)" | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "housenumber", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "housenumber", | |
| "minzoom": 17, | |
| "filter": [ | |
| "==", | |
| "$type", | |
| "Point" | |
| ], | |
| "layout": { | |
| "text-field": "{housenumber}", | |
| "text-font": [ | |
| "Noto Sans Regular" | |
| ], | |
| "text-size": 10 | |
| }, | |
| "paint": { | |
| "text-color": "rgba(212, 177, 146, 1)" | |
| } | |
| }, | |
| { | |
| "id": "road_area_pier", | |
| "type": "fill", | |
| "metadata": {}, | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Polygon" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "pier" | |
| ] | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "fill-color": "hsl(47, 26%, 88%)", | |
| "fill-antialias": true | |
| } | |
| }, | |
| { | |
| "id": "road_pier", | |
| "type": "line", | |
| "metadata": {}, | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "pier" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(47, 26%, 88%)", | |
| "line-width": { | |
| "base": 1.2, | |
| "stops": [ | |
| [ | |
| 15, | |
| 1 | |
| ], | |
| [ | |
| 17, | |
| 4 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "road_bridge_area", | |
| "type": "fill", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Polygon" | |
| ], | |
| [ | |
| "in", | |
| "brunnel", | |
| "bridge" | |
| ] | |
| ], | |
| "layout": {}, | |
| "paint": { | |
| "fill-color": "hsl(47, 26%, 88%)", | |
| "fill-opacity": 0.5 | |
| } | |
| }, | |
| { | |
| "id": "road_path", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "path", | |
| "track" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "square", | |
| "line-join": "bevel" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(0, 0%, 97%)", | |
| "line-dasharray": [ | |
| 1, | |
| 1 | |
| ], | |
| "line-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 10 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "road_minor", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "minzoom": 13, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "minor", | |
| "service" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(0, 0%, 97%)", | |
| "line-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "tunnel_minor", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "tunnel" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "minor_road" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "butt", | |
| "line-join": "miter" | |
| }, | |
| "paint": { | |
| "line-color": "#efefef", | |
| "line-dasharray": [ | |
| 0.36, | |
| 0.18 | |
| ], | |
| "line-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "tunnel_major", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "tunnel" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "primary", | |
| "secondary", | |
| "tertiary", | |
| "trunk" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "butt", | |
| "line-join": "miter" | |
| }, | |
| "paint": { | |
| "line-color": "#fff", | |
| "line-dasharray": [ | |
| 0.28, | |
| 0.14 | |
| ], | |
| "line-width": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 6, | |
| 0.5 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "aeroway-area", | |
| "type": "fill", | |
| "metadata": { | |
| "mapbox:group": "1444849345966.4436" | |
| }, | |
| "source": "openmaptiles", | |
| "source-layer": "aeroway", | |
| "minzoom": 4, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Polygon" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "runway", | |
| "taxiway" | |
| ] | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "fill-color": "rgba(255, 255, 255, 1)", | |
| "fill-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 13, | |
| 0 | |
| ], | |
| [ | |
| 14, | |
| 1 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "aeroway-taxiway", | |
| "type": "line", | |
| "metadata": { | |
| "mapbox:group": "1444849345966.4436" | |
| }, | |
| "source": "openmaptiles", | |
| "source-layer": "aeroway", | |
| "minzoom": 12, | |
| "filter": [ | |
| "all", | |
| [ | |
| "in", | |
| "class", | |
| "taxiway" | |
| ], | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round", | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "line-color": "rgba(255, 255, 255, 1)", | |
| "line-opacity": 1, | |
| "line-width": { | |
| "base": 1.5, | |
| "stops": [ | |
| [ | |
| 12, | |
| 1 | |
| ], | |
| [ | |
| 17, | |
| 10 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "aeroway-runway", | |
| "type": "line", | |
| "metadata": { | |
| "mapbox:group": "1444849345966.4436" | |
| }, | |
| "source": "openmaptiles", | |
| "source-layer": "aeroway", | |
| "minzoom": 4, | |
| "filter": [ | |
| "all", | |
| [ | |
| "in", | |
| "class", | |
| "runway" | |
| ], | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round", | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "line-color": "rgba(255, 255, 255, 1)", | |
| "line-opacity": 1, | |
| "line-width": { | |
| "base": 1.5, | |
| "stops": [ | |
| [ | |
| 11, | |
| 4 | |
| ], | |
| [ | |
| 17, | |
| 50 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "road_trunk_primary", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "trunk", | |
| "primary" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "#fff", | |
| "line-width": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 6, | |
| 0.5 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "road_secondary_tertiary", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "secondary", | |
| "tertiary" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "#fff", | |
| "line-width": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 6, | |
| 0.5 | |
| ], | |
| [ | |
| 20, | |
| 20 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "road_major_motorway", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "motorway" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(0, 0%, 100%)", | |
| "line-offset": 0, | |
| "line-width": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 8, | |
| 1 | |
| ], | |
| [ | |
| 16, | |
| 10 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "road_oneway_opposite", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "minzoom": 15, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "oneway", | |
| -1 | |
| ] | |
| ], | |
| "layout": { | |
| "icon-image": "oneway", | |
| "icon-padding": 2, | |
| "icon-rotate": 180, | |
| "icon-rotation-alignment": "map", | |
| "icon-size": { | |
| "stops": [ | |
| [ | |
| 15, | |
| 0.5 | |
| ], | |
| [ | |
| 19, | |
| 1 | |
| ] | |
| ] | |
| }, | |
| "symbol-placement": "line", | |
| "symbol-spacing": 200 | |
| }, | |
| "paint": { | |
| "icon-opacity": 0.5 | |
| } | |
| }, | |
| { | |
| "id": "railway-transit", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "class", | |
| "transit" | |
| ], | |
| [ | |
| "!=", | |
| "brunnel", | |
| "tunnel" | |
| ] | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(34, 12%, 66%)", | |
| "line-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 11, | |
| 0 | |
| ], | |
| [ | |
| 16, | |
| 1 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "railway", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "==", | |
| "class", | |
| "rail" | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(34, 12%, 66%)", | |
| "line-opacity": { | |
| "base": 1, | |
| "stops": [ | |
| [ | |
| 11, | |
| 0 | |
| ], | |
| [ | |
| 16, | |
| 1 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "waterway-bridge-case", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "waterway", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "bridge" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "butt", | |
| "line-join": "miter" | |
| }, | |
| "paint": { | |
| "line-color": "#bbbbbb", | |
| "line-gap-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| }, | |
| "line-width": { | |
| "base": 1.6, | |
| "stops": [ | |
| [ | |
| 12, | |
| 0.5 | |
| ], | |
| [ | |
| 20, | |
| 10 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "waterway-bridge", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "waterway", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "bridge" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(205, 56%, 73%)", | |
| "line-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "bridge_minor case", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "bridge" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "minor_road" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "butt", | |
| "line-join": "miter" | |
| }, | |
| "paint": { | |
| "line-color": "#dedede", | |
| "line-gap-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| }, | |
| "line-width": { | |
| "base": 1.6, | |
| "stops": [ | |
| [ | |
| 12, | |
| 0.5 | |
| ], | |
| [ | |
| 20, | |
| 10 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "bridge_major case", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "bridge" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "primary", | |
| "secondary", | |
| "tertiary", | |
| "trunk" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "butt", | |
| "line-join": "miter" | |
| }, | |
| "paint": { | |
| "line-color": "#dedede", | |
| "line-gap-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| }, | |
| "line-width": { | |
| "base": 1.6, | |
| "stops": [ | |
| [ | |
| 12, | |
| 0.5 | |
| ], | |
| [ | |
| 20, | |
| 10 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "bridge_minor", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "bridge" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "minor_road" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "#efefef", | |
| "line-width": { | |
| "base": 1.55, | |
| "stops": [ | |
| [ | |
| 4, | |
| 0.25 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "bridge_major", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation", | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| [ | |
| "==", | |
| "brunnel", | |
| "bridge" | |
| ], | |
| [ | |
| "in", | |
| "class", | |
| "primary", | |
| "secondary", | |
| "tertiary", | |
| "trunk" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "#fff", | |
| "line-width": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 6, | |
| 0.5 | |
| ], | |
| [ | |
| 20, | |
| 30 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "admin_sub", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "boundary", | |
| "filter": [ | |
| "in", | |
| "admin_level", | |
| 4, | |
| 6, | |
| 8 | |
| ], | |
| "layout": { | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "line-color": "hsla(0, 0%, 60%, 0.5)", | |
| "line-dasharray": [ | |
| 2, | |
| 1 | |
| ] | |
| } | |
| }, | |
| { | |
| "id": "admin_country", | |
| "type": "line", | |
| "source": "openmaptiles", | |
| "source-layer": "boundary", | |
| "filter": [ | |
| "all", | |
| [ | |
| "<=", | |
| "admin_level", | |
| 2 | |
| ], | |
| [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ] | |
| ], | |
| "layout": { | |
| "line-cap": "round", | |
| "line-join": "round" | |
| }, | |
| "paint": { | |
| "line-color": "hsl(0, 0%, 60%)", | |
| "line-width": { | |
| "base": 1.3, | |
| "stops": [ | |
| [ | |
| 3, | |
| 0.5 | |
| ], | |
| [ | |
| 22, | |
| 15 | |
| ] | |
| ] | |
| } | |
| } | |
| }, | |
| { | |
| "id": "poi_label", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "poi", | |
| "minzoom": 14, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Point" | |
| ], | |
| [ | |
| "==", | |
| "rank", | |
| 1 | |
| ] | |
| ], | |
| "layout": { | |
| "icon-size": 1, | |
| "text-anchor": "top", | |
| "text-field": "{name:latin}\n{name:nonlatin}", | |
| "text-font": [ | |
| "Noto Sans Regular" | |
| ], | |
| "text-max-width": 8, | |
| "text-offset": [ | |
| 0, | |
| 0.5 | |
| ], | |
| "text-size": 11, | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "text-color": "#666", | |
| "text-halo-blur": 1, | |
| "text-halo-color": "rgba(255,255,255,0.75)", | |
| "text-halo-width": 1 | |
| } | |
| }, | |
| { | |
| "id": "airport-label", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "aerodrome_label", | |
| "minzoom": 10, | |
| "filter": [ | |
| "all", | |
| [ | |
| "has", | |
| "iata" | |
| ] | |
| ], | |
| "layout": { | |
| "icon-size": 1, | |
| "text-anchor": "top", | |
| "text-field": "{name:latin}\n{name:nonlatin}", | |
| "text-font": [ | |
| "Noto Sans Regular" | |
| ], | |
| "text-max-width": 8, | |
| "text-offset": [ | |
| 0, | |
| 0.5 | |
| ], | |
| "text-size": 11, | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "text-color": "#666", | |
| "text-halo-blur": 1, | |
| "text-halo-color": "rgba(255,255,255,0.75)", | |
| "text-halo-width": 1 | |
| } | |
| }, | |
| { | |
| "id": "road_major_label", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "transportation_name", | |
| "filter": [ | |
| "==", | |
| "$type", | |
| "LineString" | |
| ], | |
| "layout": { | |
| "symbol-placement": "line", | |
| "text-field": "{name:latin} {name:nonlatin}", | |
| "text-font": [ | |
| "Noto Sans Regular" | |
| ], | |
| "text-letter-spacing": 0.1, | |
| "text-rotation-alignment": "map", | |
| "text-size": { | |
| "base": 1.4, | |
| "stops": [ | |
| [ | |
| 10, | |
| 8 | |
| ], | |
| [ | |
| 20, | |
| 14 | |
| ] | |
| ] | |
| }, | |
| "text-transform": "uppercase" | |
| }, | |
| "paint": { | |
| "text-color": "#000", | |
| "text-halo-color": "hsl(0, 0%, 100%)", | |
| "text-halo-width": 2 | |
| } | |
| }, | |
| { | |
| "id": "place_label_other", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "place", | |
| "minzoom": 8, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Point" | |
| ], | |
| [ | |
| "!in", | |
| "class", | |
| "city", | |
| "state", | |
| "country", | |
| "continent" | |
| ] | |
| ], | |
| "layout": { | |
| "text-anchor": "center", | |
| "text-field": "{name:latin}\n{name:nonlatin}", | |
| "text-font": [ | |
| "Noto Sans Regular" | |
| ], | |
| "text-max-width": 6, | |
| "text-size": { | |
| "stops": [ | |
| [ | |
| 6, | |
| 10 | |
| ], | |
| [ | |
| 12, | |
| 14 | |
| ] | |
| ] | |
| }, | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "text-color": "hsl(0, 0%, 25%)", | |
| "text-halo-blur": 0, | |
| "text-halo-color": "hsl(0, 0%, 100%)", | |
| "text-halo-width": 2 | |
| } | |
| }, | |
| { | |
| "id": "place_label_city", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "place", | |
| "maxzoom": 16, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Point" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "city" | |
| ] | |
| ], | |
| "layout": { | |
| "text-field": "{name:latin}\n{name:nonlatin}", | |
| "text-font": [ | |
| "Noto Sans Regular" | |
| ], | |
| "text-max-width": 10, | |
| "text-size": { | |
| "stops": [ | |
| [ | |
| 3, | |
| 12 | |
| ], | |
| [ | |
| 8, | |
| 16 | |
| ] | |
| ] | |
| } | |
| }, | |
| "paint": { | |
| "text-color": "hsl(0, 0%, 0%)", | |
| "text-halo-blur": 0, | |
| "text-halo-color": "hsla(0, 0%, 100%, 0.75)", | |
| "text-halo-width": 2 | |
| } | |
| }, | |
| { | |
| "id": "country_label-other", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "place", | |
| "maxzoom": 12, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Point" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "country" | |
| ], | |
| [ | |
| "!has", | |
| "iso_a2" | |
| ] | |
| ], | |
| "layout": { | |
| "text-field": "{name:latin}", | |
| "text-font": [ | |
| "Noto Sans Regular" | |
| ], | |
| "text-max-width": 10, | |
| "text-size": { | |
| "stops": [ | |
| [ | |
| 3, | |
| 12 | |
| ], | |
| [ | |
| 8, | |
| 22 | |
| ] | |
| ] | |
| }, | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "text-color": "hsl(0, 0%, 13%)", | |
| "text-halo-blur": 0, | |
| "text-halo-color": "rgba(255,255,255,0.75)", | |
| "text-halo-width": 2 | |
| } | |
| }, | |
| { | |
| "id": "country_label", | |
| "type": "symbol", | |
| "source": "openmaptiles", | |
| "source-layer": "place", | |
| "maxzoom": 12, | |
| "filter": [ | |
| "all", | |
| [ | |
| "==", | |
| "$type", | |
| "Point" | |
| ], | |
| [ | |
| "==", | |
| "class", | |
| "country" | |
| ], | |
| [ | |
| "has", | |
| "iso_a2" | |
| ] | |
| ], | |
| "layout": { | |
| "text-field": "{name:latin}", | |
| "text-font": [ | |
| "Noto Sans Bold" | |
| ], | |
| "text-max-width": 10, | |
| "text-size": { | |
| "stops": [ | |
| [ | |
| 3, | |
| 12 | |
| ], | |
| [ | |
| 8, | |
| 22 | |
| ] | |
| ] | |
| }, | |
| "visibility": "visible" | |
| }, | |
| "paint": { | |
| "text-color": "hsl(0, 0%, 13%)", | |
| "text-halo-blur": 0, | |
| "text-halo-color": "rgba(255,255,255,0.75)", | |
| "text-halo-width": 2 | |
| } | |
| }, | |
| { | |
| "id": "zipcodes", | |
| "type": "line", | |
| "source": "zipcodes", | |
| "paint": { | |
| "line-color": "rgba(116, 5, 17, 1)", | |
| "line-width": 2 | |
| } | |
| } | |
| ], | |
| "id": "klokantech-basic" | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment