Resolve a Mapbox layer to an OL Style about ol-mapbox-style HOT 3 CLOSED

Style objects are returned by style functions and will differ depending on the properties of the feature (most notably for label text) and resolution, so it would be better to set the function as the feature style. But if you must have style objects (e.g. you want to set them on features which do not have the same properties as the original feature) you can obtain them for a specific original feature and resolution

const layer = new VectorLayer();
applyStyle(layer, glStyle).then(() => {
  const styleFunction = layer.getStyleFunction();
  const featureStyle = styleFunction(feature, resolution);
  // now do something with featureStyle
});

from ol-mapbox-style.

I'd recommend against feature styles. Instead, I'd set the layer property of each feature, which will be used as source-layer property in the Mapbox layer style. Then just use the style function and apply it to each layer you want to render.

Example:

feature.set('layer', 'mylayer1');

for the feature, and for the style layer:

"layers": [{
  "id": "layer1",
  "source": "mysource",
  "source-layer": "mylayer1"
}]

If you want to only style a few individual features differently, you can use feature-state.

from ol-mapbox-style.

Thank you both! We can close this issue now. 👍

from ol-mapbox-style.