避免来自 Mapbox 的缓存矢量切片

Question

我运行遇到了 Mapbox-GL-JS 的问题，我的浏览器中有缓存的矢量图块，阻止了最近的更改。正常的解决方法是在 tile 字符串的末尾附加一个唯一的字符串 (example.com/tiles/1/2/3.png?update=1)，但我不确定如何在 Mapbox-GL-JS 中实现它，因为它为我构造了 tile 字符串，来自层的组合：

...
metadata": {
    "mapbox:autocomposite": true,
    "mapbox:type": "default"
  },
  "sources": {
    "mapbox": {
      "url": "mapbox://mapbox.satellite",
      "type": "raster",
      "tileSize": 256
    },
    "composite": {
      "url": "mapbox://stevage.9vj4wkw3,mapbox.mapbox-streets-v7,stevage.ab95cml8",
      "type": "vector"
    }
  },

有什么方法可以将一些额外的文本强制添加到 URL 中吗？

Answer 1

mapbox:// url 末尾的任何查询参数将被保留。您可能会发现有趣的 fresh 参数，我们对它进行了特殊处理以跳过大多数 API 端缓存。

...
metadata": {
    "mapbox:autocomposite": true,
    "mapbox:type": "default"
  },
  "sources": {
    "mapbox": {
      "url": "mapbox://mapbox.satellite?fresh=true",
      "type": "raster",
      "tileSize": 256
    },
    "composite": {
      "url": "mapbox://stevage.9vj4wkw3,mapbox.mapbox-streets-v7,stevage.ab95cml8?fresh=true",
      "type": "vector"
    }
  },

避免来自 Mapbox 的缓存矢量切片

Avoid cached vector tiles from Mapbox

browser-cache

mapbox-gl-js

vector-tiles