Basic map style with OSM Carto tiles

readme.md

Starter style for libraries using Mapbox style language like: Mapbox GL JS and Maplibre GL JS.

Wrote it down for myself when I want to set up a map for non-commercial OpenStreetMap-related purposes and don't want to use commercially available vector tiles.

It contains just OSM raster tiles (make sure usage won't be against tiles usage policy).

It can be loaded into visual editor such as Mapbox Studio or Maputnik.

map_style.json

{
  "version": 8,
  "name": "Map style",
  "metadata": {"maputnik:renderer": "mbgljs"},
  "sources": {
    "osm": {
      "type": "raster",
      "tiles": [
          "https://a.tile.openstreetmap.org/{z}/{x}/{y}.png",
          "https://b.tile.openstreetmap.org/{z}/{x}/{y}.png",
          "https://c.tile.openstreetmap.org/{z}/{x}/{y}.png"
        ],
      "tileSize": 256,
      "minzoom": 0,
      "maxzoom": 19,
      "attribution": "© <a target=\"_blank\" rel=\"noopener\" href=\"https://openstreetmap.org/copyright\">OpenStreetMap contributors</a>"
    }
  },
  "sprite": "",
  "glyphs": "https://orangemug.github.io/font-glyphs/glyphs/{fontstack}/{range}.pbf",
  "layers": [
    {
      "id": "background",
      "type": "raster",
      "source": "osm",
      "layout": {"visibility": "visible"}
    }
  ],
  "id": "style"
}