When we increase the text labels of symbol layer text labels gets blurred automatically
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.6.0
**browser**: Google Chrome
### Steps to Trigger Behavior
1. First create any point having the icon image and having the text labels (symbols)
For example : item.push({
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [0, 0]
},
properties: {
isData: false,
title: '123456789101123654789632541239856562323123456789101123654789632541239856562323123456789101123654789632541239856562323123456789101123654789632541239856562323123456789101123654789632541239856562323123456789101123654789632541239856562323'
}
});
3. You will get to know that the text labels are displayed is blurred
I uplaoded the image for your refrence :
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
Reproduce the issue in mapbox-gl-js ^1.6.0 using Chrome with a point symbol containing an icon and the very long title shown in the report. Investigate the symbol text rendering path and compare the result with shorter labels. Done means the text labels remain sharp when their content is increased.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- computer-graphics, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 28/100