The mappaint style "Incline" displays up/down arrows at the first and last node of ways with incline=*.

You can adjust the colours of the arrows in the preference window of JOSM.

You can use the Incline mappaint style together with the default JOSM internal mappaint style. You can display the arrows one zoom step earlier by changing the style setting of this style.

For ideas/questions/bugs/suggestions or similar please write a message to Klumbumbus.

Feel free to translate this wiki page into more languages. Already translated languages see top right.

Note that the up arrow is always above the node and the down arrow always below the node, independent from the cardinal direction of the way. So don't be confused (see last example in the image below).

example (NOZIP)

Testcenter for quality assurance of this style.


(Latest change first)

Version 1.0.x

  • inital version


meta {
    title: "Incline";
    version: "1.0.4_2018-03-24";
    description: "Display of up/down arrows at the first and last node of ways with incline=*.";
    icon: "incline_icon.svg";
    author: "Klumbumbus";
    link: "";
    min-josm-version: "8236"; /*  because of negative index counting */

meta[lang=de] {
    title: "Steigung (incline)";
    description: "Anzeige von hoch/runter-Pfeilen am ersten und letzten Punkt von Linien mit incline=*.";
    link: "";

/* create settings */
setting::incline_z19 {
    type: boolean;
    label: tr("Display the arrows one zoom step earlier.");
    default: false;

/* evaluate the incline tags */
way[highway][incline][incline =~ /^(up|([0-9]+\.?[0-9]*)[%°]+)$/] >[index=-1] node::incline_down_layer,
way[highway][incline][incline =~ /^(down|-([0-9]+\.?[0-9]*)[%°]+)$/] >[index=1] node::incline_down_layer {
    set incline_down;

way[highway][incline][incline =~ /^(up|([0-9]+\.?[0-9]*)[%°]+)$/] >[index=1] node::incline_up_layer,
way[highway][incline][incline =~ /^(down|-([0-9]+\.?[0-9]*)[%°]+)$/] >[index=-1] node::incline_up_layer {
    set incline_up;

/* display the arrow signs */
node|z20-.incline_down::incline_down_layer {
    text: eval("↧"); /* U+21A7 (8615) DOWNWARDS ARROW FROM BAR from */
    text-color: incline_down#00ff00;
    font-size: 20;
    text-anchor-horizontal: center;
    text-anchor-vertical: top;

node|z20-.incline_up::incline_up_layer {
    text: eval("↥"); /* U+21A5 (8613) UPWARDS ARROW FROM BAR from */
    text-color: incline_up#ff0000;
    font-size: 20;
    text-anchor-horizontal: center;
    text-anchor-vertical: above;


Last modified 11 months ago Last modified on 2018-03-24T15:14:56+01:00

Attachments (3)

Download all attachments as: .zip