mapbox-gl-jsのソースの認証ヘッダーを指定する方法は？

Question

mapbox-gl-jsを使用してwmsソースのリクエストヘッダを設定するにはどうすればよいですか？

Authorization: "Bearer base64-encoded-token" 

WMS example、 map#addSource

とmap#addLayerはタイルリクエストヘッダを設定することはできませんと信じて私をリード：私はのように見えるヘッダを追加するために、すべてのタイルの要求を必要としています。

Answer 1

あなたは今、ユーザーtransformRequestオプションは、ここではなく、ベクトルタイルソースをカスタムヘッダーに

var map = new mapboxgl.Map({ 
    container: 'map', 
    center: [2.35, 48.86], 
    zoom: 13, 
    transformRequest: (url, resourceType)=> { 
    if(resourceType == 'Source' && url.startsWith('http://myHost') { 
     return { 
     url: url, 
     headers: { 'Authorization': 'Bearer ' + yourAuthToken } 
    } 
    } 
    } 
}); 

Answer 2

確かに難しいかもしれませんが、おそらく不可能です。 WMSのMapbox-GL-JSサポートはpretty minimalです。おそらくライブラリをハックする必要があります。