Using text-field and icon-image in the same layer, hide most of the info
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.7.0
**browser**: Chrome
### Steps to Trigger Behavior
You can reproduce the behaviour in this fiddle: https://jsfiddle.net/7x2kfmtu/3/
1. Comment all text-properties `text-xxxx` (lines 192-196). You can see a lot of arrows in the map
2. Descoment lines from step 1 and comment all icon-properties `icon-xxxx` (lines 198-200). You can see a lot of numbers
3. Descoment lines from both steps. You will see nothing on the map. If you zoom in, only the right line will show info, despite there is enough place to show all the info, no matter zoom.
### Expected Behavior
Show all info without hidding anything
### Actual Behavior
Doesn't show anything for big zoom level.
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 by reproducing the behavior in the linked JSFiddle with the text-properties and icon-properties toggled as described in steps 1–3. Compare symbol placement at the affected zoom levels and verify the fix by confirming that both text and icons remain visible wherever there is sufficient space.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100