避免從Mapbox緩存矢量圖瓷磚

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