0
我最近一直在使用mapbox.js開發工作的web地圖項目。我最近將它部署到我們的內部測試站點。在完成此操作後,底圖不再從Mapbox加載,並且只有我的自定義圖層處於活動狀態,並留下白色背景。我在控制檯中收到以下錯誤。無法加載TileJSON錯誤
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);