Skip to content

Instantly share code, notes, and snippets.

@karussell karussell/style.json
Last active Jun 22, 2019

Embed
What would you like to do?
{
"version": 8,
"name": "gh-mvt",
"sources": {
"gh-mvt-tiles": {
"type": "vector",
"tiles": [
"http://127.0.0.1:8989/mvt/{z}/{x}/{y}.mvt?details=max_speed&details=road_class&details=road_environment"
]
},
"mapbox": {
"type": "raster",
"url": "mapbox://mapbox.satellite",
"tileSize": 256
}
},
"glyphs": "https://free.tilehosting.com/fonts/{fontstack}/{range}.pbf?key={key}",
"layers": [
{
"id": "background",
"type": "background",
"paint": {
"background-color": "rgb(239,239,239)"
}
},
{
"id": "satellite",
"type": "raster",
"source": "mapbox",
"source-layer": "mapbox_satellite_full"
},
{
"id": "gh_roads_big",
"type": "line",
"source": "gh-mvt-tiles",
"source-layer": "roads",
"filter": [
">=",
"speed",
60
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-opacity": 0.6,
"line-color": "#dd504b",
"line-width": 2
}
},
{
"id": "gh_roads_small",
"type": "line",
"source": "gh-mvt-tiles",
"source-layer": "roads",
"filter": [
"<",
"speed",
60
],
"layout": {
"line-cap": "round",
"line-join": "round"
},
"paint": {
"line-opacity": 0.6,
"line-color": "#f7c913",
"line-width": 2
}
},
{
"id": "gh_roads_major_label",
"type": "symbol",
"source": "gh-mvt-tiles",
"source-layer": "roads",
"layout": {
"symbol-placement": "line",
"text-field": "{edgeId}",
"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": "gh_junctions",
"type": "circle",
"source": "gh-mvt-tiles",
"source-layer": "junctions",
"paint": {
"circle-color": "rgba(60, 21, 230, 1)",
"circle-radius": 5
}
},
{
"id": "gh_junctions_labels",
"type": "symbol",
"source": "gh-mvt-tiles",
"source-layer": "junctions",
"layout": {
"text-field": "{nodeId}",
"text-font": [
"Noto Sans Regular"
],
"text-letter-spacing": 0.1,
"text-rotation-alignment": "map",
"text-size": {
"base": 1.4,
"stops": [
[
10,
8
],
[
20,
14
]
]
}
},
"paint": {
"text-color": "#000",
"text-halo-color": "hsl(0, 0%, 100%)",
"text-halo-width": 2
}
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.