MapBox GL - genouillère fort caractéristique spécifique sur vol stationnaire en utilisant le style de carte

Question

jaimerais pour mettre en évidence une caractéristique spécifique d'une couche qui est inclus dans mon style de carte quand vol stationnaire .. quelque chose comme ceci:

map.on('mousemove', function(e) { 
    var states = map.queryRenderedFeatures(e.point, { 
    layers: ['n_Region6 Municipals'] 
    }); 
    if (states.length > 0) {  
     map.setPaintProperty('n_Region6 Municipals', 'fill-color',' 
     {"property":"NAME_2","type":"category","stops": + 
     [[states[0].properties.NAME_2 +,"blue"]]}');  
     }); 

avec setpaintproperty jumelé avec la fonction de données, je n'ai pas eu de chance .. J'ai essayé avec Filter avec ceci.

 map.addLayer({ 
      "id": "state-fills", 
      "type": "fill", 
      "source": { 
      "type": "vector", 
      "url": "mapbox://noeltech.c8nzzthb" 
      }, 
      "source-layer":"R6_Pop_byMunicipal-5cqj12", 
      "layout": {}, 
      "paint": { 
         "fill-color": "#627BC1", 
         "fill-opacity": 0 
     } 
    }); 
    map.addLayer({ 
    "id": "state-fills-hover", 
    "type": "line", 
    "source": { 
     "type": "vector", 
     "url": "mapbox://noeltech.c8nzzthb" 
    }, 
    "source-layer":"R6_Pop_byMunicipal-5cqj12", 
    "layout": {}, 
    "paint": { 
     "line-color": "#627BC1", 
     "line-width": 3 
    }, 
    "filter": ["==", "NAME_2", ""] 
    }); 
// map.setLayoutProperty('n_Region6 Municipals', 'visibility', 'none'); 

}); 
map.on("mousemove", "state-fills", function(e) { 
    map.setFilter("state-fills-hover", ["==", "NAME_2", 
    e.features[0].properties.NAME_2]); 

il fait ce que je veux faire mais il me fait ajouter un autre calque et je ne le veux pas. Je veux utiliser la couche dans mon style de carte. Comme le premier code. comment le faire en code simple?

Answer 1

Vous devez utiliser "type":"categorical"

et la syntaxe serait

map.setPaintProperty('n_Region6 Municipals', 'fill-color',{ 
    "property":"NAME_2", 
    "type":"categorical", 
    "stops":[ 
    [states[0].properties.NAME_2,"blue"], 
    ], 
    "default": "red" 
}); 

Answer 2

Je l'ai travailler avec ce code:

var highlight = { 
      property: 'NAME_2', 
      type: "categorical", 
      stops: [[MunicipalName, 'blue']] 
     }; 
    map.setPaintProperty('n_Region6 Municipals', 'fill-color', highlight); 

le problème est maintenant, je ne considère pas que il colorerait le reste du polygone noir. Y a-t-il un moyen simple de mettre en évidence une seule fonctionnalité sans ajouter plus de couches? Highlights blue but change all the colors