title: Mapbox GL JS: Display map labels above layer?
body: <p>I'm using Mapbox GL JS, with a Mapbox Streets base layer. I have added a polygon layer with white borders and a transparent fill, but I'm finding it hard to read the basemap labels underneath the polygon layer. See how the labels are covered by the white borders:</p>
  
  <p><a href="https://i.stack.imgur.com/YafWO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YafWO.png" alt="enter image description here"></a></p>
  
  <p>Is there any way I can make sure the labels are on top of the polygon layer, or at least not obscured by it?</p>
  
  <p>My code looks like this:</p>
  
  <pre><code>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'
          }
      });
  </code></pre>