Bannered shields cause neighboring shields to move too far down

[claysmalley]

With shields along concurrent routes where one shield has more banners than another, the shield with fewer banners displays farther down on the screen than expected:

@ZeLonewolf:

It would require a change to maplibre to adjust the baseline for shields, or some other pixel gymnastics that I haven't thought of yet.

[ZeLonewolf]

The issue is that shields are drawn with a common baseline for the entire string, and drawn vertically aligned to the bottom of the baseline, like so:

[zekefarwell]

Yeah this is a pretty fundamental issue with the way we are handling banners. The banners are part of the shield graphic and MapLibre aligns the shield graphics in a concurrency to the baseline because they are being used as glyphs in a text string. I'm guessing a fix for this issue would require changes to MapLibre.

[1ec5]

Each string or image expression in a format expression can be followed optionally by an style override options object. This would call for an option similar to the vertical-align CSS property.