Coloured_Postcode: Häuser und Straßen mit dem gleicher PLZ werden in einer Farbe dargestellt. Die letzte Stelle der PLZ wird dafür ausgewertet, so dass es im ungünstigen Fall auch benachbarte Bereiche mit gleicher Farbe gibt. Postleitzahlengrenzen (boundary=postal_code) werden rot gestrichelt dargestellt. Straßen sollten mit postal_code=..... versehen sein (wird sonst rot markiert).

meta   
{
        title: "Coloured Postcode";
        author: "geozeisig"; 
        version: "1.20_2025-01-09"; 
        description: "Style to ease mapping of Postcode by colouring streets and houses and nodes";
        link: "http://josm.openstreetmap.de/wiki/Styles/Coloured_Postcode";
        watch-modified: true;
}
        
        
/* highlight buildings and highways */
area[building]["addr:postcode"$="1"] 
{
        color: #FFFF00; 
        fill-color: #FFFF00; 
        width: 3;
}
node["addr:postcode"$="1"]::halo 
{
        symbol-fill-color: #FFFF00; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="1"] 
{
        color: #FFFF00; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #FFFF00; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="2"] 
{
        color: #FF00FF; 
        fill-color: #FF00FF; 
        width: 3;
}
node["addr:postcode"$="2"]::halo 
{
        symbol-fill-color: #FF00FF; 
        symbol-shape: circle;
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="2"] 
{
        color: #FF00FF; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #FF00FF; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="3"] 
{
        color: #A45200; 
        fill-color: #A45200; 
        width: 3;
}
node["addr:postcode"$="3"]::halo 
{
        symbol-fill-color: #A45200; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="3"] 
{
        color: #A45200; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #A45200; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="4"] 
{
        fill-color: #FB9A99; 
        width: 3;
}
node["addr:postcode"$="4"]::halo 
{
        color: #FB9A99; 
        symbol-fill-color: #FB9A99; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="4"] 
{
        color: #FB9A99; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #FB9A99; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="5"] 
{
        color: #FECC34; 
        fill-color: #FECC34; 
        width: 3;
}
node["addr:postcode"$="5"]::halo 
{
        symbol-fill-color: #FECC34; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="5"] 
{
        color: #FECC34; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #FECC34; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="6"] 
{
        color: #1F78B4; 
        fill-color: #1F78B4; 
        width: 3;
}
node["addr:postcode"$="6"]::halo 
{
        symbol-fill-color: #1F78B4; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="6"] 
{
        color: #1F78B4; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #1F78B4; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="7"] 
{
        color: #6A3D9A; 
        fill-color: #6A3D9A; 
        width: 3;
}
node["addr:postcode"$="7"]::halo 
{
        symbol-fill-color: #6A3D9A; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="7"] 
{
        color: #6A3D9A; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #6A3D9A; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="8"] 
{
        color: #A6CEE3; 
        fill-color: #A6CEE3; 
        width: 3;
}
node["addr:postcode"$="8"]::halo 
{
        symbol-fill-color: #A6CEE3; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="8"] 
{
        color: #A6CEE3; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #A6CEE3; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="9"] 
{
        fill-color: #3ED2A6; 
        width: 3;
}
node["addr:postcode"$="9"]::halo 
{
        color: #3ED2A6; 
        symbol-fill-color: #3ED2A6; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="9"] 
{
        color: #3ED2A6; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #3ED2A6; 
        text-halo-radius:2
}

area[building]["addr:postcode"$="0"] 
{
        color: #0FF05E; 
        fill-color: #0FF05E; 
        width: 3;
}
node["addr:postcode"$="0"]::halo 
{
        symbol-fill-color: #0FF05E; 
        symbol-shape: circle; 
        symbol-size: 20;
        z-index: -1;
} 
way["postal_code"$="0"] 
{
        color: #0FF05E; 
        width: 3;
        font-size: 12; 
        text-color: #000000; 
        text-position: line; 
        text: "postal_code"; 
        text-offset: 0; 
        text-halo-color: #0FF05E; 
        text-halo-radius:2
}
        

/* all marked  housenumber in black color */
node["addr:postcode"] 
{
        font-size: 10;
        text-color: black; 
} 
area[building]["addr:postcode"] 
{
        text-color: black; 
        font-size: 10;
}
        
/* have housenumber, miss postcode */
area[building][addr:housenumber][!addr:postcode] 
{ 
        text: eval("postcode?");
        width: 2; 
        fill-color: #FF0000;  
        fill-opacity:0.9; 
        font-size: 10;
        casing-width: 1; 
        casing-color: #FFFF00;
}
node[addr:housenumber][!addr:postcode]::halo 
{ 
        symbol-shape: triangle;
        symbol-fill-opacity:0.7;
        symbol-fill-color: #FF0000;
        symbol-size: 30;
        symbol-stroke-color: #FFFF00;
        symbol-stroke-width:2;
        z-index: -1;
}
node[addr:housenumber][!addr:postcode]
{
        text: eval("postcode?");
        text-color: white; 
        font-size: 10;
}

/* have highway, miss postal_code */
way[highway=residential][!postal_code], 
way[highway=primary][name][!postal_code], 
way[highway=primary_link][name][!postal_code], 
way[highway=tertiary][name][!postal_code], 
way[highway=tertiary_link][name][!postal_code], 
way[highway=secondary][name][!postal_code], 
way[highway=secondary_link][name][!postal_code], 
way[highway=pedestrian][name][!postal_code],
way[highway=living_street][name][!postal_code] 
{
        text: eval("postal_code?");
        font-size: 12;
        color: red;
        width: 5; 
        dashes: 20,4;
        dashes-background-color: #FFFF00;
}

/* highlight boundary */
relation[type=boundary][boundary=postal_code] 
{
        width: 5; 
        color: red; 
        dashes: 10;
}

Styles_Coloured_Postcode-style.mapcss, Styles_Coloured_Postcode.zip