我最近一直在开发一个使用mapbox.js进行工作的Web地图项目。我最近已将其部署到我们的内部测试站点。完成此操作后,基础地图将不再从Mapbox加载,并留下白色背景,并且只有我的自定义图层处于活动状态。我在控制台中收到以下错误。
XMLHttpRequest无法加载http://a.tiles.mapbox.com/v4/mapbox.streets-basic.json?access_token=pk.myaccestokenhere。所请求的资源上不存在“ Access-Control-Allow-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);
最佳答案
事实证明,我们的网络管理员在我们的总公司有一个Web阻止程序,正在阻止我的邮件头。我们为此添加了一个例外,它现在可以正常工作。
关于javascript - 无法加载TileJSON错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40919452/