mirror of
https://github.com/status-im/react-native-mapbox-gl.git
synced 2026-08-31 13:01:15 +00:00
315 lines
8.2 KiB
JSON
315 lines
8.2 KiB
JSON
{
|
|
"version": 7,
|
|
"name": "Basic",
|
|
"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]]
|
|
}
|
|
},
|
|
"sources": {
|
|
"mapbox": {
|
|
"type": "vector",
|
|
"url": "mapbox://mapbox.mapbox-streets-v6"
|
|
}
|
|
},
|
|
"sprite": "https://www.mapbox.com/mapbox-gl-styles/sprites/sprite",
|
|
"glyphs": "mapbox://fontstack/{fontstack}/{range}.pbf",
|
|
"layers": [{
|
|
"id": "background",
|
|
"type": "background",
|
|
"paint": {
|
|
"background-color": "@land"
|
|
}
|
|
}, {
|
|
"id": "landuse_park",
|
|
"type": "fill",
|
|
"source": "mapbox",
|
|
"source-layer": "landuse",
|
|
"filter": ["==", "class", "park"],
|
|
"paint": {
|
|
"fill-color": "@park"
|
|
}
|
|
}, {
|
|
"id": "waterway",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "waterway",
|
|
"filter": ["all", ["==", "$type", "LineString"], ["in", "class", "river", "canal"]],
|
|
"paint": {
|
|
"line-color": "@water",
|
|
"line-width": {
|
|
"base": 1.4,
|
|
"stops": [[8, 0.5], [20, 15]]
|
|
}
|
|
}
|
|
}, {
|
|
"id": "water",
|
|
"type": "fill",
|
|
"source": "mapbox",
|
|
"source-layer": "water",
|
|
"paint": {
|
|
"fill-color": "@water"
|
|
}
|
|
}, {
|
|
"id": "building",
|
|
"type": "fill",
|
|
"source": "mapbox",
|
|
"source-layer": "building",
|
|
"paint": {
|
|
"fill-color": "@building"
|
|
}
|
|
}, {
|
|
"id": "tunnel_minor",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "tunnel",
|
|
"filter": ["all", ["==", "$type", "LineString"], ["in", "class", "motorway_link", "street", "street_limited", "service", "driveway", "path"]],
|
|
"paint": {
|
|
"line-color": "@road-minor",
|
|
"line-width": "@road-minor-width",
|
|
"line-dasharray": [0.36, 0.18]
|
|
}
|
|
}, {
|
|
"id": "tunnel_major",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "tunnel",
|
|
"filter": ["all", ["==", "$type", "LineString"], ["in", "class", "motorway", "main"]],
|
|
"paint": {
|
|
"line-color": "@road-major",
|
|
"line-width": "@road-major-width",
|
|
"line-dasharray": [0.28, 0.14]
|
|
}
|
|
}, {
|
|
"id": "road_minor",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "road",
|
|
"filter": ["all", ["in", "class", "motorway_link", "street", "street_limited", "service", "driveway", "path"], ["==", "$type", "LineString"]],
|
|
"layout": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"paint": {
|
|
"line-color": "@road-minor",
|
|
"line-width": "@road-minor-width"
|
|
}
|
|
}, {
|
|
"id": "road_major",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "road",
|
|
"filter": ["all", ["==", "$type", "LineString"], ["in", "class", "motorway", "main"]],
|
|
"layout": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"paint": {
|
|
"line-color": "@road-major",
|
|
"line-width": "@road-major-width"
|
|
}
|
|
}, {
|
|
"id": "bridge_minor_case",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": ["all", ["==", "$type", "LineString"], ["in", "class", "motorway_link", "street", "street_limited", "service", "driveway", "path"]],
|
|
"paint": {
|
|
"line-color": "@land",
|
|
"line-width": {
|
|
"base": 1.6,
|
|
"stops": [[12, 0.5], [20, 10]]
|
|
},
|
|
"line-gap-width": "@road-minor-width"
|
|
}
|
|
}, {
|
|
"id": "bridge_major_case",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": ["all", ["in", "class", "motorway", "main"], ["==", "$type", "LineString"]],
|
|
"paint": {
|
|
"line-color": "@land",
|
|
"line-width": {
|
|
"base": 1.4,
|
|
"stops": [[12, 0.5], [20, 10]]
|
|
},
|
|
"line-gap-width": "@road-major-width"
|
|
}
|
|
}, {
|
|
"id": "bridge_minor",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": ["all", ["==", "$type", "LineString"], ["in", "class", "motorway_link", "street", "street_limited", "service", "driveway", "path"]],
|
|
"layout": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"paint": {
|
|
"line-color": "@road-minor",
|
|
"line-width": "@road-minor-width"
|
|
}
|
|
}, {
|
|
"id": "bridge_major",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "bridge",
|
|
"filter": ["all", ["in", "class", "motorway", "main"], ["==", "$type", "LineString"]],
|
|
"layout": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"paint": {
|
|
"line-color": "@road-major",
|
|
"line-width": "@road-major-width"
|
|
}
|
|
}, {
|
|
"id": "admin_country",
|
|
"type": "line",
|
|
"source": "mapbox",
|
|
"source-layer": "admin",
|
|
"filter": ["all", ["<=", "admin_level", 2], ["==", "maritime", 0], ["==", "$type", "LineString"]],
|
|
"layout": {
|
|
"line-cap": "round",
|
|
"line-join": "round"
|
|
},
|
|
"paint": {
|
|
"line-color": "#8b8a8a",
|
|
"line-width": {
|
|
"base": 1.3,
|
|
"stops": [[3, 0.5], [22, 15]]
|
|
}
|
|
}
|
|
}, {
|
|
"id": "country_label",
|
|
"type": "symbol",
|
|
"source": "mapbox",
|
|
"source-layer": "country_label",
|
|
"maxzoom": 12,
|
|
"filter": ["==", "$type", "Point"],
|
|
"layout": {
|
|
"text-field": "@name",
|
|
"text-font": "@sans",
|
|
"text-max-size": 22,
|
|
"text-max-width": 10
|
|
},
|
|
"paint": {
|
|
"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",
|
|
"type": "symbol",
|
|
"source": "mapbox",
|
|
"source-layer": "place_label",
|
|
"maxzoom": 16,
|
|
"filter": ["all", ["==", "$type", "Point"], ["==", "type", "city"]],
|
|
"layout": {
|
|
"text-field": "@name",
|
|
"text-font": "@sans_bd",
|
|
"text-max-width": 10
|
|
},
|
|
"paint": {
|
|
"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",
|
|
"type": "symbol",
|
|
"source": "mapbox",
|
|
"source-layer": "place_label",
|
|
"minzoom": 8,
|
|
"filter": ["all", ["==", "$type", "Point"], ["in", "type", "town", "village", "hamlet", "suburb", "neighbourhood"]],
|
|
"layout": {
|
|
"text-field": "@name",
|
|
"text-font": "@sans_md",
|
|
"text-max-width": 6
|
|
},
|
|
"paint": {
|
|
"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",
|
|
"type": "symbol",
|
|
"source": "mapbox",
|
|
"source-layer": "road_label",
|
|
"filter": ["all", ["in", "class", "motorway", "main"], ["==", "$type", "LineString"]],
|
|
"layout": {
|
|
"symbol-placement": "line",
|
|
"text-field": "@name",
|
|
"text-font": "@sans_md",
|
|
"text-transform": "uppercase",
|
|
"text-letter-spacing": 0.1,
|
|
"text-max-size": 14
|
|
},
|
|
"paint": {
|
|
"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",
|
|
"type": "symbol",
|
|
"source": "mapbox",
|
|
"source-layer": "poi_label",
|
|
"minzoom": 5,
|
|
"filter": ["all", ["==", "scalerank", 1], ["==", "localrank", 1], ["==", "$type", "Point"]],
|
|
"layout": {
|
|
"icon-image": "{maki}-12",
|
|
"icon-max-size": 1,
|
|
"text-offset": [0, 0.5],
|
|
"text-field": "@name",
|
|
"text-font": "@sans_md",
|
|
"text-max-size": 11,
|
|
"text-max-width": 8,
|
|
"text-anchor": "top"
|
|
},
|
|
"paint": {
|
|
"icon-size": 1,
|
|
"text-color": "@label",
|
|
"text-halo-width": 1,
|
|
"text-halo-color": "@label-halo",
|
|
"text-halo-blur": 1,
|
|
"text-size": 11
|
|
}
|
|
}]
|
|
}
|