style-catalog.json 5.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. {
  2. "_comment": "Mapbox first-party base styles, current as of GL JS v3 (2026). Copy a `url` into `new mapboxgl.Map({style})` or `map.setStyle()`. `family:standard` styles are the v3 3D composited basemap (configure via setConfigProperty, insert layers via slot — see references/v3-standard-style.md). `family:classic` styles expose named, enumerable layers (palette recolour + layer-walking work — see references/palette.md, terrain.md). Verify the latest version suffixes against https://docs.mapbox.com/api/maps/styles/#mapbox-styles before relying on them.",
  3. "styles": [
  4. { "id": "standard", "url": "mapbox://styles/mapbox/standard", "family": "standard", "labels": true, "imagery": false, "three_d": true, "use": ["3d-city", "modern", "default", "configurable-light"] },
  5. { "id": "standard-satellite", "url": "mapbox://styles/mapbox/standard-satellite", "family": "standard", "labels": true, "imagery": true, "three_d": true, "use": ["3d-aerial", "satellite-with-3d"] },
  6. { "id": "streets-v12", "url": "mapbox://styles/mapbox/streets-v12", "family": "classic", "labels": true, "imagery": false, "three_d": false, "use": ["wayfinding", "general-reference", "busy"] },
  7. { "id": "outdoors-v12", "url": "mapbox://styles/mapbox/outdoors-v12", "family": "classic", "labels": true, "imagery": false, "three_d": false, "use": ["trail", "terrain", "hillshade", "outdoor"] },
  8. { "id": "light-v11", "url": "mapbox://styles/mapbox/light-v11", "family": "classic", "labels": true, "imagery": false, "three_d": false, "use": ["dataviz", "choropleth", "muted-base"] },
  9. { "id": "dark-v11", "url": "mapbox://styles/mapbox/dark-v11", "family": "classic", "labels": true, "imagery": false, "three_d": false, "use": ["dataviz", "dark-mode", "glowing-data"] },
  10. { "id": "satellite-v9", "url": "mapbox://styles/mapbox/satellite-v9", "family": "classic", "labels": false, "imagery": true, "three_d": false, "use": ["pure-imagery", "no-labels"] },
  11. { "id": "satellite-streets-v12","url": "mapbox://styles/mapbox/satellite-streets-v12", "family": "classic", "labels": true, "imagery": true, "three_d": false, "use": ["aerial-with-context", "photoreal"] },
  12. { "id": "navigation-day-v1", "url": "mapbox://styles/mapbox/navigation-day-v1", "family": "classic", "labels": true, "imagery": false, "three_d": false, "use": ["turn-by-turn", "routing-day"] },
  13. { "id": "navigation-night-v1", "url": "mapbox://styles/mapbox/navigation-night-v1", "family": "classic", "labels": true, "imagery": false, "three_d": false, "use": ["turn-by-turn", "routing-night"] }
  14. ],
  15. "standard_presets": {
  16. "_comment": "v3 Standard style (and standard-satellite) — set at runtime via map.setConfigProperty('basemap', key, value) on style.load. One style, many looks; custom layers preserved (no reload).",
  17. "lightPreset": ["dawn", "day", "dusk", "night"],
  18. "theme": ["default", "faded", "monochrome"]
  19. },
  20. "effects": {
  21. "_comment": "Runtime, style-independent visual effects. Weather requires GL JS >= 3.7.",
  22. "rain": "map.setRain({density, intensity, color, opacity}) | map.setRain(null)",
  23. "snow": "map.setSnow({density, intensity, color, flakeSize}) | map.setSnow(null)",
  24. "fog": "map.setFog({range, color, 'high-color', 'horizon-blend'}) — globe/terrain atmosphere"
  25. },
  26. "third_party": [
  27. { "id": "stadia-stamen-watercolor", "url": "https://tiles.stadiamaps.com/styles/stamen_watercolor.json", "looks": ["watercolor", "painterly", "artistic"], "key": "stadia (free tier)", "note": "Iconic hand-painted map. Stamen styles are served by Stadia." },
  28. { "id": "stadia-stamen-toner", "url": "https://tiles.stadiamaps.com/styles/stamen_toner.json", "looks": ["high-contrast", "black-and-white", "editorial"], "key": "stadia (free tier)" },
  29. { "id": "stadia-alidade-smooth-dark","url": "https://tiles.stadiamaps.com/styles/alidade_smooth_dark.json","looks": ["dark", "muted", "dataviz"], "key": "stadia (free tier)" },
  30. { "id": "carto-positron", "url": "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json", "looks": ["light", "minimal", "dataviz"], "key": "none (attribution)" },
  31. { "id": "carto-dark-matter", "url": "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json", "looks": ["dark", "glowing-data", "dashboard"], "key": "none (attribution)" },
  32. { "id": "carto-voyager", "url": "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json", "looks": ["balanced", "labelled", "dataviz"], "key": "none (attribution)" },
  33. { "id": "openfreemap-liberty","url": "https://tiles.openfreemap.org/styles/liberty", "looks": ["streets", "osm-bright-like"], "key": "none" },
  34. { "id": "thunderforest", "looks": ["spinal-map (tron)", "atlas (vintage sepia)", "pioneer", "transport"], "key": "thunderforest (freemium)", "note": "style-JSON/raster via apikey; artistic catalog." },
  35. { "id": "maptiler", "looks": ["backdrop", "dataviz", "toner", "topo", "winter", "ocean", "bright"], "key": "maptiler (key)", "note": "https://api.maptiler.com/maps/<style>/style.json?key=…" },
  36. { "id": "protomaps", "looks": ["light", "dark", "white", "black", "grayscale", "contrast"], "key": "none (self-host PMTiles)", "note": "protomaps-themes-base; single-file basemap via pmtiles:// protocol." }
  37. ]
  38. }