Text along polyline looks not good on mobile devices

[ghost]

We have a couple of mobile apps for mountain biking and hiking trails. Users request the trail name along the polyline, so we tried your plugin.
Due to the screen size on mobile devices the trail name along the path looks quite weird, letters overlap or are spread out or single letters rotate etc.

Is there an option or recommendation to draw the text in a more readable way along a path?

[leplatrem]

There might be a couple of strategies. One of them could be to add an invisible line that would be a simplified version of the trail geometry, and show the text on this one.

Have you tried the last master with @hanfeisun contribution (#31) ?

[ghost]

The last master is 2 years old, is this really what you meant?

[leplatrem]

No sorry I meant #31 :|

[ghost]

It doesn't improve much, just at high zoom level. So we will look at other strategies.

[leplatrem]

Thanks, please share your findings!
We would be pleased to review and merge any contribution!

[fredericbonifas]

By the way I have just deleted the master branch as it was completely out-of-date

[fredericbonifas]

@bardu It would be great if you could provide a jsfiddle for example with your polylines and text causing problems

[ghost]

It's not ideal yet as in Google Maps for mobile, but these setting are better for zoom level 13+

polyline.setText(trail.name, {center: true, offset: -10, attributes:{'letter-spacing': '.8em','spacing': 'auto', 'glyph-orientation-vertical': 'inherit', 'glyph-orientation-horizontal': 'inherit'}})

BTW, how can I remove the text from the polyline?

[ghost]

Well, should better read the doc.

polyline.setText(null);