Mapbox GL JS: Kartenbeschriftungen über der Ebene anzeigen?

Question

Ich verwende Mapbox GL JS mit einer Mapbox Streets-Basisschicht. Ich habe eine Polygon-Ebene mit weißen Rändern und einer transparenten Füllung hinzugefügt, aber es fällt mir schwer, die Grundkarten-Beschriftungen unterhalb der Polygon-Ebene zu lesen. Sehen Sie, wie die Etiketten durch die weißen Ränder abgedeckt:

Gibt es irgendeine Art und Weise kann ich die Etiketten auf der Oberseite der Polygon-Layer stellen Sie sicher, oder zumindest nicht durch sie verdeckt?

Mein Code sieht wie folgt aus:

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

einen Blick auf this Mapbox example haben und the second argument von map.addLayer(layer, [before]) verwenden. Wenn diese Ebene before vorhanden ist, wird die neue Ebene davor/darunter platziert. Ich denke, die Argumentation ist hier etwas verwirrend.

Der Name der untersten Etikettenebene hängt vom Stil ab. Die meiste Zeit suchen Sie nach housenum-label. Es gibt auch eine Diskussion in der Mapbox github issues, wie dieser Prozess erleichtert werden kann, z. B. indem Platzhalterschichten eingeführt werden.