Skip to content

Instantly share code, notes, and snippets.

@rockper

rockper/.block

Last active April 4, 2019 02:36
Show Gist options
  • Save rockper/16c714f4df4c7172d309fa259634a8f4 to your computer and use it in GitHub Desktop.
Save rockper/16c714f4df4c7172d309fa259634a8f4 to your computer and use it in GitHub Desktop.
Download ZIP
fresh block
Raw
.block
license: mit
Raw
index.html
<!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>
Raw
klokantech-basic.json
{
"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