マップボックスGL JS：レイヤーの上にマップラベルを表示しますか？

Question

私はMapbox Street JSレイヤーを使ってMapbox GL JSを使用しています。白い枠線と透明な塗りつぶしのポリゴンレイヤーを追加しましたが、ポリゴンレイヤーの下にあるベースマップラベルを読みにくいことがわかりました。ラベルは白の境界線で覆われている方法を参照してください：

は、私はラベルがポリゴン層の上にある、あるいは少なくともそれによって隠されていないことを確認することができます方法はありますか？

私のコードは次のようになります。

var map = new mapboxgl.Map({ 
    container: 'map', 
    style: 'mapbox://styles/mapbox/streets-v9', 
    center: [-2.839, 54.579], 
    zoom: 4 
}); 
map.on('load', function() { 
    map.addSource('constituencies', { 
     'type': 'vector', 
     'url': 'mapbox://pcsu.xxx' 
    }); 
    var constituencyLayer = map.addLayer({ 
     'id': 'constituencies', 
     'source': 'constituencies', 
     'source-layer': 'constituencies', 
     'type': 'fill', 
     'paint': { 
      'fill-color': 'rgba(162,181,205,0.6)', 
      'fill-outline-color': 'white' 
     }, 
     'layout': { 
      'visibility': 'visible' 
     } 
    }); 

Answer 1

はthis Mapbox exampleを見てくださいとmap.addLayer(layer, [before])のthe second argumentを使用しています。このレイヤーbeforeが存在する場合、新しいレイヤーはそのレイヤーの前/下に配置されます。私は引数の命名はここで少し混乱していると思います。

最下位ラベルレイヤーの名前は、スタイルによって異なります。ほとんどの場合、あなたはhousenum-labelを探しています。 Mapbox github issuesには、このプロセスを簡単にする方法、たとえばプレースホルダレイヤを導入する方法もあります。