TileJSONエラーを読み込めませんでした

Question

私は最近mapbox.jsを使用して作業用のWebマッププロジェクトを開発しています。私は最近、それを私たちの内部テストサイトに展開しました。これを実行すると、ベースマップはMapboxからロードされなくなり、カスタムレイヤーをアクティブにして白い背景を残します。コンソールに次のエラーが表示されます。

XMLHttpRequestはhttp://a.tiles.mapbox.com/v4/mapbox.streets-basic.json?access_token=pk.myaccestokenhereをロードできません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。 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

私たちのネットワーク管理者には、本社のウェブブロッカーがあり、リクエストからヘッダーを取り除いていました。我々はそれを例外に入れて、正しく動作するようになりました。