LineLayer pattern and dashline glitch in corners

[nicolasbarb]

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.

[evil159]

HI @nicolasbarb, thank you for your report. Could you try the same setup with the latest version of the Maps SDK(11.8)? Version 10.19 doesn't support LineJoin.none.

[nicolasbarb]

Hello @evil159
we tried with android 11.8 and iOS 11.8 and still got the same glitch with LineJoin.none set