无法加载 TileJSON 错误

Question

我最近一直在使用 mapbox.js 开发 Web 地图项目以供工作。我最近将它部署到我们的内部测试站点。执行此操作后，底图不再从 Mapbox 加载并留下白色背景，只有我的自定义图层处于活动状态。我在控制台中收到以下错误。

XMLHttpRequest 无法加载 http://a.tiles.mapbox.com/v4/mapbox.streets-basic.json?access_token=pk.myaccestokenhere. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://mytest.site' 因此不允许访问。

我尝试将 tileLayer 的 crossOrigin 选项设置为 'true'，但我仍然收到相同的错误。这是加载失败的层的代码片段。我需要一些关于如何解决此问题的见解。

    //Base layers object that contains all mapbox base layers.
    var baseLayers = {
        'Dark': L.mapbox.tileLayer('mapbox.dark', {crossOrigin: true}),
        'Light': L.mapbox.tileLayer('mapbox.light', { crossOrigin: true }),
        'High-contrast': L.mapbox.tileLayer('mapbox.high-contrast', { crossOrigin: true }),
        'Streets': L.mapbox.tileLayer('mapbox.streets', { crossOrigin: true }),
        'Streets-basic': L.mapbox.tileLayer('mapbox.streets-basic', { crossOrigin: true }),
        'Satellite & Streets': L.mapbox.tileLayer('mapbox.streets-satellite', { crossOrigin: true }),
        'Outdoors': L.mapbox.tileLayer('mapbox.outdoors', { crossOrigin: true })
    };

baseLayers.Dark.addTo(map, true);
L.control.layers(baseLayers, overlays).addTo(map);

Answer 1

原来我们的网络管理员在我们的总部有一个网络拦截器，它正在剥夺我的 headers 请求。我们为它设置了一个例外，它现在可以正常工作了。

无法加载 TileJSON 错误

Could not load TileJSON error

javascript

leaflet

mapbox