避免从地图框中缓存矢量图块

Question

我在使用 Mapbox-GL-JS 时遇到了问题，我的浏览器中有缓存的矢量图块，阻止看到最近的更改。正常的解决方法是将一个唯一的字符串附加到瓦片字符串 （ example.com/tiles/1/2/3.png?update=1 ） 的末尾，但我不确定如何在 Mapbox-GL-JS 中使其工作，因为它为我构建了瓦片字符串，从图层的组合：

...
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"
    }
  },