= [[Image(Ausrichtung.svg,30px,middle,inline)]] Direction

== Description
The mappaint style "Direction" displays the following direction key: [https://wiki.openstreetmap.org/wiki/Key:direction direction] and [https://wiki.openstreetmap.org/wiki/Tag:highway=street_lamp#Typical_attributes light:direction].

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

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

[[Image(Examples.png)]]

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

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

meta[lang=de] {
    title: "Objekt 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
*/


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;
}

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") );
}

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-[direction =~ /[nsweNSWE]/][direction !~ /[^nsweNSWE]/]::randg{
  /* nur ganze Himmelsrichtungen - Fehler wird aufgehoben */
  
  icon-image: "Flutlicht.svg";
  z-index:-100;
  icon-width:20;  
  
  icon-rotation: cardinal_to_radians( tag("light:direction") );
}
}}}