You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently users - in particularly new ones - need to discover and memorize the color coding for both ways and nodes to understand what element is currently missing. E.g. a yellow way is lacking the lanes attribute. This would help to reduce onboarding time to this tool even further on the expense of relying more on text (and localization) instead of pure visual through colors and symbols.
SVG path elements would allow for tooltips like functionality (following is a mockup)
...through the title tag, e.g. <path class="leaflet-interactive" stroke="orange" stroke-opacity="0.7" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M963 -1197L950 -1244"> <title>Lanes attribute missing</title> </path>
...unfortunately Leaflet's Polyline class currently doesn't expose such option yet: http://leafletjs.com/reference-1.0.3.html#polyline
Currently users - in particularly new ones - need to discover and memorize the color coding for both ways and nodes to understand what element is currently missing. E.g. a yellow way is lacking the lanes attribute. This would help to reduce onboarding time to this tool even further on the expense of relying more on text (and localization) instead of pure visual through colors and symbols.
SVG path elements would allow for tooltips like functionality (following is a mockup)
![leaflet_polyline_tooltip_mockup](https://cloud.githubusercontent.com/assets/428616/22290156/45dbbc6e-e2f7-11e6-8a5e-a35640ee7699.png)
...through the title tag, e.g.
<path class="leaflet-interactive" stroke="orange" stroke-opacity="0.7" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M963 -1197L950 -1244">
<title>Lanes attribute missing</title>
</path>
...unfortunately Leaflet's Polyline class currently doesn't expose such option yet: http://leafletjs.com/reference-1.0.3.html#polyline
There's a feature request to add it though: Leaflet/Leaflet#4179
The text was updated successfully, but these errors were encountered: