== Disaster damage assessment style == Displays colored icons and fill colors, to show tagging of visible damage scale of structures and filled patterns for roofing materials. Designed for use with [https://josm.openstreetmap.de/wiki/Presets/DisasterDamageAssessment this preset]. You can contact me via [osmwww:message/new/SeverinGeo my OSM username] {{{ #!style type="mapcss" meta { title: "Disaster damage assessment"; description: "Displays colored icons and fill colors, to show tagging of visible damage scale of structures and filled patterns for roof materials.; fr.description: "Affiche des icônes colorées et des couleurs de remplissage, pour montrer l'étiquetage de l'échelle des dommages visibles des structures et des motifs pour les matériaux de toiture."; es.description: "Muestra iconos de colores y colores de relleno, para mostrar el etiquetado de la escala de daños visibles de las estructuras y patrones de relleno para los materiales del techo."; pt.description: "Apresenta ícones coloridos e cores de preenchimento, para mostrar a marcação da escala de danos visíveis das estruturas e padrões preenchidos para materiais de cobertura."; pt_BR.description: "Apresenta ícones coloridos e cores de preenchimento, para mostrar a marcação da escala de danos visíveis das estruturas e padrões preenchidos para materiais de cobertura."; icon: "matrix-icons.png"; version: "0.2.[[revision]]_[[date]]"; author: "SeverinGeo"; link: "https://josm.openstreetmap.de/wiki/Styles/DisasterDamageAssessment"; } /* Adapted from jgc's style for HHI BAR damage assessment methodology: https://hhi.harvard.edu/publications/satellite-imagery-interpretation-guide-assessing-wind-disaster-damage-structures , adapted for OSM (mapcss style adapted from https://josm.openstreetmap.de/wiki/Styles/JP-Tsunami) */ node[damage=none] {icon-image: "medium-none-16.png"; icon-opacity: 0.7; icon-width:14;} node[damage=minimal] {icon-image: "medium-minimal-16.png"; icon-opacity: 0.7; icon-width:14;} node[damage=significant] {icon-image: "medium-significant-16.png"; icon-opacity: 0.7; icon-width:14;} node[damage=complete] {icon-image: "medium-complete-16.png"; icon-opacity: 0.7; icon-width:14;} node:selected { symbol-shape: square; symbol-size: 6; symbol-fill-color: node_selected#ff0000; symbol-stroke-color: node_selected#ff0000;} area[damage=none][!roof:material]:closed {fill-image: "noroofmaterial_none.png"; fill-opacity:0.4; width: 1.2; color: green;} area[damage=minimal][!roof:material]:closed {fill-image: "noroofmaterial_minimal.png"; fill-opacity:0.4; width: 1.2; color: yellow;} area[damage=significant][!roof:material]:closed {fill-image: "noroofmaterial_significant.png"; fill-opacity:0.4; width: 1.2; color: orange;} area[damage=complete][!roof:material]:closed {fill-image: "noroofmaterial_complete.png"; fill-opacity:0.4; width: 1.2; color: #fd5757;} area[damage=none][building=construction]:closed {fill-image: "othermaterials_none.png"; fill-opacity:0.4; width: 1.2; color: green;} area[damage=minimal][building=construction]:closed {fill-image: "othermaterials_minimal.png"; fill-opacity:0.4; width: 1.2; color: yellow;} area[damage=significant][building=construction]:closed {fill-image: "othermaterials_significant.png"; fill-opacity:0.4; width: 1.2; color: orange;} area[damage=complete][building=construction]:closed {fill-image: "othermaterials_complete.png"; fill-opacity:0.4; width: 1.2; color: #fd5757;} area[damage=none][roof:material=copper]:closed, area[damage=none][roof:material=eternit]:closed, area[damage=none][roof:material=glass]:closed, area[damage=none][roof:material=grass]:closed, area[damage=none][roof:material=gravel]:closed, area[damage=none][roof:material=roof_tiles]:closed, area[damage=none][roof:material=slate]:closed, area[damage=none][roof:material=stones]:closed, area[damage=none][roof:material=tar_paper]:closed, area[damage=none][roof:material=thatch]:closed, area[damage=none][roof:material=wood]:closed {fill-image: "othermaterials_none.png"; fill-opacity:0.4; width: 1.2; color: green;} area[damage=minimal][roof:material=copper]:closed, area[damage=minimal][roof:material=eternit]:closed, area[damage=minimal][roof:material=glass]:closed, area[damage=minimal][roof:material=grass]:closed, area[damage=minimal][roof:material=gravel]:closed, area[damage=minimal][roof:material=roof_tiles]:closed, area[damage=minimal][roof:material=slate]:closed, area[damage=minimal][roof:material=stones]:closed, area[damage=minimal][roof:material=tar_paper]:closed, area[damage=minimal][roof:material=thatch]:closed, area[damage=minimal][roof:material=wood]:closed {fill-image: "othermaterials_minimal.png"; fill-opacity: 0.4; width: 1.2; color: yellow;} area[damage=significant][roof:material=copper]:closed, area[damage=significant][roof:material=eternit]:closed, area[damage=significant][roof:material=glass]:closed, area[damage=significant][roof:material=grass]:closed, area[damage=significant][roof:material=gravel]:closed, area[damage=significant][roof:material=roof_tiles]:closed, area[damage=significant][roof:material=slate]:closed, area[damage=significant][roof:material=stones]:closed, area[damage=significant][roof:material=tar_paper]:closed, area[damage=significant][roof:material=thatch]:closed, area[damage=significant][roof:material=wood]:closed {fill-image: "othermaterials_significant.png"; fill-opacity: 0.4; width: 1.2; color: orange;} area[damage=complete][roof:material=copper]:closed, area[damage=complete][roof:material=eternit]:closed, area[damage=complete][roof:material=glass]:closed, area[damage=complete][roof:material=grass]:closed, area[damage=complete][roof:material=gravel]:closed, area[damage=complete][roof:material=roof_tiles]:closed, area[damage=complete][roof:material=slate]:closed, area[damage=complete][roof:material=stones]:closed, area[damage=complete][roof:material=tar_paper]:closed, area[damage=complete][roof:material=thatch]:closed, area[damage=complete][roof:material=wood]:closed {fill-image: "othermaterials_complete.png"; fill-opacity:0.4; width: 1.2; color: #fd5757;} area[damage=none][roof:material=concrete]:closed {fill-image: "concrete_none.png"; fill-opacity:0.4; width: 1.2; color: green;} area[damage=minimal][roof:material=concrete]:closed {fill-image: "concrete_minimal.png"; fill-opacity:0.4; width: 1.2; color: yellow;} area[damage=significant][roof:material=concrete]:closed {fill-image: "concrete_significant.png"; fill-opacity:0.4; width: 1.2; color: orange;} area[damage=complete][roof:material=concrete]:closed {fill-image: "concrete_complete.png"; fill-opacity:0.6; width: 1.2; color: #fd5757;} area[damage=none][roof:material=metal]:closed {fill-image: "metal_none.png"; fill-opacity: 0.4; width: 1.2; color: green;} area[damage=minimal][roof:material=metal]:closed {fill-image: "metal_minimal.png"; fill-opacity: 0.4; width: 1.2; color: yellow;} area[damage=significant][roof:material=metal]:closed {fill-image: "metal_significant.png"; fill-opacity: 0.4; width: 1.2; color: orange;} area[damage=complete][roof:material=metal]:closed {fill-image: "metal_complete.png"; fill-opacity: 0.6; width: 1.2; color: #fd5757;} /* Kept from PierZen's JP-Tsunami: */ /* control node size to help vizualise damaged zones at lower zoom levels */ node[note] { icon-size:4; z-index: 1;} node|z1-17 { symbol-shape: square; symbol-stroke-color: rosybrown; symbol-fill-color: rosybrown; symbol-size: 1; z-index:1} node|z18 { symbol-shape: square; symbol-stroke-color: navy; symbol-fill-color: rosybrown; symbol-size:5; z-index:1} node|z19- { symbol-shape: square; symbol-stroke-color: navy; symbol-fill-color: rosybrown; symbol-size:6; z-index:1} }}}