Shows a text (or a pattern) along a Polyline
Shows a text along a Polyline.
Check out the demo !
The version on the
gh-pages branch targets Leaflet 0.7.3.
Please use the
leaflet0.8-dev branch to be compatible with the development version of Leaflet (0.8).
For example, show path orientation on mouse over :
var layer = L;layer;layer;
With a GeoJSON containing lines, it becomes:
repeat Specifies if the text should be repeated along the polyline (Default:
center Centers the text according to the polyline's bounding box (Default:
below Show text below the path (Default: false)
offset Set an offset to position text relative to the polyline (Default: 0)
orientation Rotate text. (Default: 0)
attributes Object containing the attributes applied to the
text tag. Check valid attributes here (Default:
The main idea comes from Tom Mac Wright's Getting serious about SVG
belowto true to put the text below the layer.
Many thanks to all contributors !