Estoy tratando de diseñar una capa VectorGrid usando una propiedad de la capa pbf. Quiero asignar el color usando una función "getColors" que usa los datos en el campo "gridcode".

El código se ejecuta y dibuja la capa, pero usa el color azul predeterminado del servidor. La capa se sirve con pg_tileserv y PostgreSQL + PostGIS, el campo gridcode se completa con los datos -1, 0, 1 y 2.

Aquí está mi código:

 const vectorLayerTendFull = "public.hum_tendencies_full"; const vectorUrlFull = vectorServer + vectorLayerTendFull + "/{z}/{x}/{y}.pbf"; console.log("Reading tiles from " + vectorUrlFull); let vectorTileStyling2 = {}; vectorTileStyling[vectorLayerTendFull] = { gridcode: function(properties) { const val = properties.gridcode; return { radius: 1, weight: 1, fillOpacity: 1, fill: true, fillColor: getColors(val) } function getColors(val) { return val > 1 ? '#89AFD5' : val > 0 ? '#267300' : val > -1 ? '#FFFF00' : val < 0 ? '#A80000' : 'rgba(0,0,0,0)'; } } }; let vectorTileOptions2 = { "rendererFactory": L.canvas.tile, "vectorTileLayerStyles": vectorTileStyling2 }; const vectorLayer2 = L.vectorGrid.protobuf(vectorUrlFull, vectorTileOptions2).addTo(map);

Arreglé la función getColors según lo sugerido por nikoshr, pero aún no tengo estilo con la propiedad gridcode

Capa VectorGrid dibujada pero no con el estilo basado en el "código de cuadrícula":