mapbox / mapbox/mapbox-maps-ios
LineLayer pattern and dashline glitch in corners
Nobody has claimed this yet.
- Dominant language
- Swift
- Stars
- 601
- Forks
- 196
- PR merge metrics
- No merged PRs in 30d
Description
## Environment
- Xcode version: 15.4
- iOS version: 18.0.1
- Devices affected: All
- Maps SDK Version: 10.19
## Observed behavior and steps to reproduce
LineLayer created with linePattern and an icon or with dashArray property will glitch in corners. images or dashs will be cut and distorted.
## Expected behavior
In this JS exemple corners are great and react normally
https://docs.mapbox.com/mapbox-gl-js/example/line-pattern/
I expect iOS version to do the same.
## Notes / preliminary analysis
I've tried all the possibilities with the LineCap and LineJoin parameters, but nothing corrects the problem mentioned above.
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 with an iOS LineLayer using linePattern and an icon, or using dashArray, focusing on corners and comparing the result with the linked Mapbox GL JS line-pattern example. Inspect the iOS line-rendering path and verify that pattern images and dashes remain intact and undistorted at joins.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, swift
- Domain
- computer-graphics, mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100