如何使用Javascript离线渲染Mapbox中的本地栅格图块？

Question

我正在使用Mapbox构建离线站点，并且需要能够指向我的本地栅格（png）tileet文件夹。但我不断收到以下跨域错误：

XMLHttpRequest无法加载file：///mapbox.js/assets/data/states.geojson。跨源请求仅支持以下协议方案：http，数据，chrome，chrome扩展名，https，chrome-extension-resource。

在传单中，我使用的（有效的）代码如下：

  L.tileLayer('./atlas/feet_6/{z}/{x}/{y}.png',
    {
    tileSize: 256,
    minZoom: 10,
    maxZoom: 19
    }).addTo(mymap);

但是当我在Mapbox中尝试类似的代码时，我遇到了跨源错误。

在Mapbox中，我尝试了以下几种变体，但无济于事：

let tileset = ['atlas/national_basemap' + '/{z}/{x}/{y}.png'];
let mapbox = new mapboxgl.Map({
container: 'mapbox',
style: {
        "version": 8,
        "sources": {
            "raster-tiles": {
                "type": "raster",
                "tiles": tileset,
                "tileSize": 256
            }
        },
        "layers": [{
            "id": "simple-tiles",
            "type": "raster",
            "source": "raster-tiles",
            "minzoom": 0,
            "maxzoom": 5
        }]
    },
center: [-100.292301, 53.092027],
zoom: 2.7
});