[[TranslatedPages]]

= [[Image(Ausrichtung.svg,24,middle,inline,margin-right=20)]] Direction

== Description
The mappaint style "Direction" displays the following direction key: [osmwiki:Key:direction direction], [osmwiki:Tag:highway=street_lamp#Typical_attributes light:direction] and [osmwiki:Key:camera:direction camera:direction].

For ideas/questions/bugs/suggestions or similar please write a message to [osmwww:user/Hanikatu ​Hanikatu].

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

[[Image(Examples.png,link=)]]

=== Note:
Can only display one floodlight per node.

== Code
{{{
#!style type="mapcss"
meta {
    title: "Direction";   /* title shown in the menu */
    icon: "Ausrichtung.svg"; /* small icon shown in the menu next to the title */
    version: "1.1.[[revision]]_[[date]]";
    description: "Shows the direction of object or light.";      
    author: "Hanikatu";
    link: "https://josm.openstreetmap.de/wiki/Styles/Direction";
}

meta[lang=de] {
    title: "Ausrichtung";
    description: "Zeigt die Ausrichtung vom Objekt oder Licht an.";
    link: "https://josm.openstreetmap.de/wiki/De:Styles/Direction";
}

/*
   zoomlevels: 
   icons 21+ great
   below 20 smaller icons

   ways: -19 narrow
   20+ dick

   texts 16-20 short
   20- normal
*/


/* --------------------- Fehler anzeigen ------------------------ */

node|z17-[direction][highway !~ /^(give_way|stop)/]::randg
{
  /* alles was 'direction' enthält (außer give_way und stop) als Fehler markieren */
  /* doto: herausfinden, wie man individuelle Kreise erzeugt */
  
  symbol-shape: square;
  symbol-fill-color:orange;
  symbol-size:30;
  z-index:-1;
}


/* --------------------- Richtung anzeigen ------------------------ */

node|z17-[direction =~ /[0-9]/][direction !~ /[-]/]::randg{
  /* nur ganze Grad-Zahlen - Fehler wird aufgehoben */
  
  icon-image: "Ausrichtung.svg";
  z-index:-100;
  icon-width:20;  
  
  icon-rotation: degree_to_radians( tag("direction") );
}

node|z17-[direction =~ /[nsweNSWE]/][direction !~ /[^nsweNSWE]/]::randg{
  /* nur ganze Himmelsrichtungen - Fehler wird aufgehoben */
  
  icon-image: "Ausrichtung.svg";
  z-index:-100;
  icon-width:20;  
  
  icon-rotation: cardinal_to_radians( tag("direction") );
}


/* --------------------- Flutlicht anzeigen ------------------------ */

node|z17-[light:direction =~ /[0-9]/][light:direction !~ /[-]/]::randg{
  /* nur ganze Grad-Zahlen - Fehler wird aufgehoben */
  
  icon-image: "Flutlicht.svg";
  z-index:-100;
  icon-width:50;  
  
  icon-rotation: degree_to_radians( tag("light:direction") );
}

node|z17-[light:direction =~ /[nsweNSWE]/][light:direction !~ /[^nsweNSWE]/]::randg{
  /* nur ganze Himmelsrichtungen - Fehler wird aufgehoben */
  
  icon-image: "Flutlicht.svg";
  z-index:-100;
  icon-width:50;  
  
  icon-rotation: cardinal_to_radians( tag("light:direction") );
}



/* --------------------- Kamerarichtung anzeigen ------------------------ */

node|z17-[camera:direction =~ /[0-9]/][camera:direction !~ /[-]/]::randg{
  /* nur ganze Grad-Zahlen - Fehler wird aufgehoben */
  
  icon-image: "Ausrichtung.svg";
  z-index:-100;
  icon-width:20;  
  
  icon-rotation: degree_to_radians( tag("camera:direction") );
}

node|z17-[camera:direction =~ /[nsweNSWE]/][camera:direction !~ /[^nsweNSWE]/]::randg{
  /* nur ganze Himmelsrichtungen - Fehler wird aufgehoben */
  
  icon-image: "Ausrichtung.svg";
  z-index:-100;
  icon-width:20;  
  
  icon-rotation: cardinal_to_radians( tag("camera:direction") );
}
}}}