{
    "version": 8,
    "name": "wfs",
    "center": [-79.882797, 43.513489],
    "zoom": 11,
    "glyphs": "{fontstack}/{range}",
    "sources": {
      "water_areas": {
        "type": "geojson",
        "data": "https://ahocevar.com/geoserver/wfs?service=WFS&version=1.1.0&request=GetFeature&typename=osm:water_areas&outputFormat=application/json&srsname=EPSG:4326&bbox={bbox-epsg-3857},EPSG:3857"
      },
      "osm": {
        "type": "raster",
        "attribution": "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors.",
        "tileSize": 256,
        "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"
        ]
      }
    },
    "layers": [
      {
        "id": "background",
        "type": "background",
        "paint": {
          "background-color": "rgba(255,255,0,0.2)"
        }
      },
      {
        "id": "osm",
        "type": "raster",
        "source": "osm"
      },
      {
        "id": "water_areas_fill",
        "type": "fill",
        "source": "water_areas",
        "paint": {
          "fill-color": "#020E5D",
          "fill-opacity": 0.8
        }
      },
      {
        "id": "water_areas_line",
        "type": "line",
        "source": "water_areas",
        "paint": {
          "line-color": "white"
        }
      }
    ]
  }