mirror of
https://github.com/status-im/react-native-mapbox-gl.git
synced 2026-08-31 13:01:15 +00:00
449 lines
9.6 KiB
JSON
449 lines
9.6 KiB
JSON
{
|
|
"version": 4,
|
|
"sources": {
|
|
"mapbox": {
|
|
"type": "vector",
|
|
"url": "mapbox://mapbox.mapbox-streets-v6-dev",
|
|
"maxZoom": 15
|
|
}
|
|
},
|
|
"sprite": "https://www.mapbox.com/mapbox-gl-styles/sprites/sprite",
|
|
"glyphs": "mapbox://fontstack/{fontstack}/{range}.pbf",
|
|
"constants": {
|
|
"@name": "{name_en}",
|
|
"@sans": "Open Sans Regular, Arial Unicode MS Regular",
|
|
"@sans_md": "Open Sans Semibold, Arial Unicode MS Bold",
|
|
"@sans_bd": "Open Sans Bold, Arial Unicode MS Bold",
|
|
"@land": "#dedede",
|
|
"@water": "#a0cfdf",
|
|
"@park": "#d2edae",
|
|
"@building": "#d6d6d6",
|
|
"@label": "#666",
|
|
"@label-halo": "rgba(255,255,255,0.75)",
|
|
"@road-major": "#fff",
|
|
"@road-minor": "#efefef",
|
|
"@road-major-width": {
|
|
"base": 1.4,
|
|
"stops": [[6, 0.5], [20, 30]]
|
|
},
|
|
"@road-minor-width": {
|
|
"base": 1.55,
|
|
"stops": [[4, 0.25], [20, 30]]
|
|
}
|
|
},
|
|
"layers": [
|
|
{
|
|
"id": "background",
|
|
"type": "background",
|
|
"style": {
|
|
"background-color": "@land"
|
|
}
|
|
},
|
|
{
|
|
"id": "landuse_park",
|
|
"source": "mapbox",
|
|
"source-layer": "landuse",
|
|
"filter": {
|
|
"class": "park"
|
|
},
|
|
"type": "fill",
|
|
"style": {
|
|
"fill-color": "@park"
|
|
}
|
|
},
|
|
{
|
|
"id": "waterway",
|
|
"source": "mapbox",
|
|
"source-layer": "waterway",
|
|
"filter": {
|
|
"$type": "LineString",
|
|
"class": [
|
|
"river",
|
|
"canal"
|
|
]
|
|
},
|
|
"type": "line",
|
|
"style": {
|
|
"line-color": "@water",
|
|
"line-width": {
|
|
"base": 1.4,
|
|
"stops": [[8, 0.5], [20, 15]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "water",
|
|
"source": "mapbox",
|
|
"source-layer": "water",
|
|
"type": "fill",
|
|
"style": {
|
|
"fill-color": "@water"
|
|
}
|
|
},
|
|
{
|
|
"id": "building",
|
|
"source": "mapbox",
|
|
"source-layer": "building",
|
|
"type": "fill",
|
|
"style": {
|
|
"fill-color": "@building"
|
|
}
|
|
},
|
|
{
|
|
"id": "tunnel_minor",
|
|
"source": "mapbox",
|
|
"source-layer": "tunnel",
|
|
"filter": {
|
|
"$type": "LineString",
|
|
"class": [
|
|
"motorway_link",
|
|
"street",
|
|
"street_limited",
|
|
"service",
|
|
"driveway",
|
|
"path"
|
|
]
|
|
},
|
|
"type": "line",
|
|
"style": {
|
|
"line-color": "@road-minor",
|
|
"line-width": "@road-minor-width",
|
|
"line-dasharray": [2, 1]
|
|
}
|
|
},
|
|
{
|
|
"id": "tunnel_major",
|
|
"source": "mapbox",
|
|
"source-layer": "tunnel",
|
|
"type": "line",
|
|
"filter": {
|
|
"$type": "LineString",
|
|
"class": [
|
|
"motorway",
|
|
"main"
|
|
]
|
|
},
|
|
"style": {
|
|
"line-color": "@road-major",
|
|
"line-width": "@road-major-width",
|
|
"line-dasharray": [2, 1]
|
|
}
|
|
},
|
|
{
|
|
"id": "road_minor",
|
|
"source": "mapbox",
|
|
"source-layer": "road",
|
|
"filter": {
|
|
"class": [
|
|
"motorway_link",
|
|
"street",
|
|
"street_limited",
|
|
"service",
|
|
"driveway",
|
|
"path"
|
|
],
|
|
"$type": "LineString"
|
|
},
|
|
"type": "line",
|
|
"render": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"style": {
|
|
"line-color": "@road-minor",
|
|
"line-width": "@road-minor-width"
|
|
}
|
|
},
|
|
{
|
|
"id": "road_major",
|
|
"source": "mapbox",
|
|
"source-layer": "road",
|
|
"filter": {
|
|
"$type": "LineString",
|
|
"class": [
|
|
"motorway",
|
|
"main"
|
|
]
|
|
},
|
|
"type": "line",
|
|
"render": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"style": {
|
|
"line-color": "@road-major",
|
|
"line-width": "@road-major-width"
|
|
}
|
|
},
|
|
{
|
|
"id": "bridge_minor_case",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": {
|
|
"$type": "LineString",
|
|
"class": [
|
|
"motorway_link",
|
|
"street",
|
|
"street_limited",
|
|
"service",
|
|
"driveway",
|
|
"path"
|
|
]
|
|
},
|
|
"type": "line",
|
|
"style": {
|
|
"line-color": "@land",
|
|
"line-offset": "@road-minor-width",
|
|
"line-width": {
|
|
"base": 1.6,
|
|
"stops": [[12, 0.5],[20, 10]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "bridge_major_case",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": {
|
|
"class": [
|
|
"motorway",
|
|
"main"
|
|
],
|
|
"$type": "LineString"
|
|
},
|
|
"type": "line",
|
|
"style": {
|
|
"line-color": "@land",
|
|
"line-offset": "@road-major-width",
|
|
"line-width": {
|
|
"base": 1.4,
|
|
"stops": [[12, 0.5], [20, 10]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "bridge_minor",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": {
|
|
"$type": "LineString",
|
|
"class": [
|
|
"motorway_link",
|
|
"street",
|
|
"street_limited",
|
|
"service",
|
|
"driveway",
|
|
"path"
|
|
]
|
|
},
|
|
"type": "line",
|
|
"render": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"style": {
|
|
"line-color": "@road-minor",
|
|
"line-width": "@road-minor-width"
|
|
}
|
|
},
|
|
{
|
|
"id": "bridge_major",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": {
|
|
"class": [
|
|
"motorway",
|
|
"main"
|
|
],
|
|
"$type": "LineString"
|
|
},
|
|
"type": "line",
|
|
"render": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"style": {
|
|
"line-color": "@road-major",
|
|
"line-width": "@road-major-width"
|
|
}
|
|
},
|
|
{
|
|
"id": "admin_country",
|
|
"source": "mapbox",
|
|
"source-layer": "admin",
|
|
"filter": {
|
|
"admin_level": {
|
|
"<=": 2
|
|
},
|
|
"maritime": 0,
|
|
"$type": "LineString"
|
|
},
|
|
"type": "line",
|
|
"render": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"style": {
|
|
"line-color": "#8b8a8a",
|
|
"line-width": {
|
|
"base": 1.3,
|
|
"stops": [[3, 0.5], [22, 15]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "country_label_line",
|
|
"source": "mapbox",
|
|
"source-layer": "country_label_line",
|
|
"filter": {
|
|
"$type": "LineString"
|
|
},
|
|
"type": "line",
|
|
"style": {
|
|
"line-color": "#aaa"
|
|
}
|
|
},
|
|
{
|
|
"id": "country_label",
|
|
"source": "mapbox",
|
|
"source-layer": "country_label",
|
|
"filter": {
|
|
"$type": "Point"
|
|
},
|
|
"max-zoom": 12,
|
|
"type": "symbol",
|
|
"render": {
|
|
"text-field": "@name",
|
|
"text-font": "@sans",
|
|
"text-max-size": 22,
|
|
"text-max-width": 10
|
|
},
|
|
"style": {
|
|
"text-color": "@label",
|
|
"text-halo-color": "@label-halo",
|
|
"text-halo-width": 1,
|
|
"text-halo-blur": 1,
|
|
"text-size": {
|
|
"stops": [[3, 14], [8, 22]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "place_label_city",
|
|
"source": "mapbox",
|
|
"source-layer": "place_label",
|
|
"filter": {
|
|
"$type": "Point",
|
|
"type": "city"
|
|
},
|
|
"max-zoom": 16,
|
|
"type": "symbol",
|
|
"render": {
|
|
"text-field": "@name",
|
|
"text-font": "@sans_bd",
|
|
"text-max-width": 10
|
|
},
|
|
"style": {
|
|
"text-color": "@label",
|
|
"text-halo-color": "@label-halo",
|
|
"text-halo-width": 1,
|
|
"text-halo-blur": 1,
|
|
"text-size": {
|
|
"stops": [[3, 12], [8, 16]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "place_label_other",
|
|
"source": "mapbox",
|
|
"source-layer": "place_label",
|
|
"filter": {
|
|
"$type": "Point",
|
|
"type": [
|
|
"town",
|
|
"village",
|
|
"hamlet",
|
|
"suburb",
|
|
"neighbourhood"
|
|
]
|
|
},
|
|
"min-zoom": 8,
|
|
"type": "symbol",
|
|
"render": {
|
|
"text-field": "@name",
|
|
"text-font": "@sans_md",
|
|
"text-max-width": 6
|
|
},
|
|
"style": {
|
|
"text-color": "@label",
|
|
"text-halo-color": "@label-halo",
|
|
"text-halo-width": 1,
|
|
"text-halo-blur": 1,
|
|
"text-size": {
|
|
"stops": [[6, 12], [12, 16]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "road_major_label",
|
|
"source": "mapbox",
|
|
"source-layer": "road_label",
|
|
"filter": {
|
|
"class": [
|
|
"motorway",
|
|
"main"
|
|
],
|
|
"$type": "LineString"
|
|
},
|
|
"type": "symbol",
|
|
"render": {
|
|
"symbol-placement": "line",
|
|
"text-field": "@name",
|
|
"text-font": "@sans_md",
|
|
"text-transform": "uppercase",
|
|
"text-letter-spacing": 0.1,
|
|
"text-max-size": 14
|
|
},
|
|
"style": {
|
|
"text-color": "@label",
|
|
"text-halo-color": "@label-halo",
|
|
"text-halo-width": 2,
|
|
"text-size": {
|
|
"base": 1.4,
|
|
"stops": [[10, 8], [20, 14]]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "poi_label",
|
|
"source": "mapbox",
|
|
"source-layer": "poi_label",
|
|
"filter": {
|
|
"scalerank": 1,
|
|
"localrank": 1,
|
|
"$type": "Point"
|
|
},
|
|
"min-zoom": 5,
|
|
"type": "symbol",
|
|
"render": {
|
|
"icon-image": "{maki}-12",
|
|
"icon-max-size": 1,
|
|
"text-offset": [0, 0.5],
|
|
"text-vertical-align": "top",
|
|
"text-field": "@name",
|
|
"text-font": "@sans_md",
|
|
"text-max-size": 11,
|
|
"text-max-width": 8
|
|
},
|
|
"style": {
|
|
"icon-size": 1,
|
|
"text-color": "@label",
|
|
"text-halo-width": 1,
|
|
"text-halo-color": "@label-halo",
|
|
"text-halo-blur": 1,
|
|
"text-size": 11
|
|
}
|
|
}
|
|
]
|
|
}
|