I am currently working with self-hosted vector tiles. These tiles are hosted on S3 and rendered on the map. The zoom levels are from 0 to 10 and generally load on all levels since maxzoom has been added. However, now the tiles do not load at lower zoom levels (below 6), but load at higher zoom levels. This is the code being used

 map.addSource("<Source>", {
  "type": "vector",
  "tiles": [
  "maxzoom": 10,
  "minzoom": 0

  "id": "<layer-id>",
  "type": "fill",
  "source": "<source-id>",
  "source-layer": "<source-layer>",
  "paint": {
      "fill-color": "#FF0000",
      "fill-opacity": 1,
      "fill-outline-color": "#FF0000"

I cannot add the tile source as it is part of enterprise data. Does anyone know why this map won't load at lower zoom levels?

  • Any errors in the browser debugger console or network section?
    – TomazicM
    Oct 11, 2022 at 7:01
  • Are you sure they are generated? Generating low-level tiles can be expensive, maybe they simply don't exist?
    – Lukasz
    Oct 11, 2022 at 19:28
  • There's no errors in the console output @TomazicM Oct 12, 2022 at 6:23
  • Is there a functionality for lower zoom levels (like maxZoom for higher zoom levels extrapolates on the existing tile) in Mapbox or leaflet? @Lukasz Oct 12, 2022 at 6:24
  • What about errors in the browser debugger network section? What are the responses for for vector tile requests?
    – TomazicM
    Oct 13, 2022 at 7:06


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.