Text along polyline looks not good on mobile devices about leaflet.textpath HOT 9 OPEN

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) ?

from leaflet.textpath.

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

from leaflet.textpath.

No sorry I meant #31 :|

from leaflet.textpath.

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

from leaflet.textpath.

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

from leaflet.textpath.

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

from leaflet.textpath.

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

from leaflet.textpath.

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?

from leaflet.textpath.

Well, should better read the doc.

polyline.setText(null);

from leaflet.textpath.