line-pattern get image from symbol-icon-image if sharing same source
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
**mapbox-gl-js version**: 1.13.0, 2.0.1
**browser**: Chrome 87.0.4280.88, Firefox 84.0.2 (64-Bit)
### Steps to Trigger Behavior
1. open Demonstration
2. hover some lines
3. maybe change zoom, window size
### Link to Demonstration
https://jsbin.com/hohahiselo/edit?html,output
### Expected Behavior
hovered line should be green on hover and blue at leave
### Actual Behavior
**on leave the top right part of the line is colored RED.**,
Also it look like the symbol also get the line color in bottom.
This only happend on this situation:
- line and symbol layer have the same source
- line use pattern, symbol use icon-image
- some filter is set for symbol
- style of line needs to be changed
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.
Research direction
Start with the linked JSBin demonstration and reproduce the rendering issue using the reported Mapbox GL JS versions and browser steps. Investigate the line-pattern and symbol-icon-image layers when they share a source and the symbol has a filter; done means the hovered line stays green, returns blue on leave, and the symbol does not inherit the line color.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- computer-graphics
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100