[Feat] support setting opacity of fill and stroke independently in H3 hexagon layer
@Pessimistress is already working on this.
Since Nov 23, 2022.
- Dominant language
- TypeScript
- Stars
- 14.6k
- Forks
- 2.3k
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 42
Description
Target Use Case
We are not able to customize H3 layer to apply opacity to stroke and fill independently. Because H3 layer renders column layer which is not a composite layer. Opacity is applied as a uniform.
H3 layer - opacity is applied to both stroke and fill

With the geojson layer. We can apply opacity to the stroke layer independently by passing _subLayerProps
_subLayerProps: {
...(featureTypes.polygon ? {'polygons-stroke': {opacity: 0.5}} : {}),
...(featureTypes.line ? {linestrings: {opacity: 0.5}} : {})
}
Proposal
Honestly. I am not sure what would be a good solution here that doesn't affect performance. If we renders a composite layer just for the stroke then we will be passing the same buffer twice. If we use the hi definition prop which renders a geojson layer instead, it also hurts performance.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.