mapbox-maps-ios icon indicating copy to clipboard operation
mapbox-maps-ios copied to clipboard
verified publisher icon mapbox

LineLayer pattern and dashline glitch in corners

Open nicolasbarb opened this issue 1 year ago • 2 comments

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. linePattern_lineLayer dashLine_lineLayer

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.

nicolasbarb avatar Nov 18 '24 14:11 nicolasbarb

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.

evil159 avatar Nov 18 '24 15:11 evil159

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

nicolasbarb avatar Nov 29 '24 14:11 nicolasbarb