Changes between Version 4 and Version 5 of Nl:Help/Styles/MapCSSTutorial


Ignore:
Timestamp:
2021-12-02T19:31:23+01:00 (3 years ago)
Author:
DiGro
Comment:

adjusted to revision 13

Legend:

Unmodified
Added
Removed
Modified
  • Nl:Help/Styles/MapCSSTutorial

    v4 v5  
    1 [[TranslatedPages(revision=12)]]
     1[[TranslatedPages(revision=13)]]
    22= Handleiding MapCSS =
    33
     
    2020</table>
    2121}}}
    22 Dit tekent een pictogram voor een restaurant en een tekstlabel voor elke knoop die is getagd met {{{amenity=restaurant}}}. De afbeelding mag worden gespecificeerd in één van de volgende vormen:
     22Dit tekent een pictogram voor een restaurant en een tekstlabel voor elke knoop die is getagd met `amenity=restaurant`. De afbeelding mag worden gespecificeerd in één van de volgende vormen:
    2323 * absolute pad
    2424 * URL
    2525 * een relatief pad voor het huidige bestand *.mapcss
    26  * een relatief pad dat wordt verwerkt naar een ingebouwde afbeelding (zie Voorbeeld 1). Het bestand {{{josm-tested.jar}}} is een eenvoudig ZIP-archief; u kunt het uitpakken en alle bestanden gebruiken uit de map {{{images}}}.
    27 De declaratie '''{{{text: auto;}}}''' vertelt JOSM om de tekst voor het label automatisch op te halen. Ten tijde van het schrijven werd naar de volgende tags gezocht en de eerste die zal worden gevonden zal worden gebruikt: "{{{name:}}}"+''<LANG>'', "{{{name}}}", "{{{int_name}}}", "{{{ref}}}", "{{{operator}}}", "{{{brand}}}" en "{{{addr:housenumber}}}". U mag ook een specifieke tag opgeven, bijv. '''{{{text: "cuisine";}}}'''.
     26 * een relatief pad dat wordt verwerkt naar een ingebouwde afbeelding (zie Voorbeeld 1). Het bestand `josm-tested.jar` is een eenvoudig ZIP-archief; u kunt het uitpakken en alle bestanden gebruiken uit de map {{{images}}}.
     27De declaratie '''`text: auto;`''' vertelt JOSM om de tekst voor het label automatisch op te halen. Ten tijde van het schrijven werd naar de volgende tags gezocht en de eerste die zal worden gevonden zal worden gebruikt: "`name:`"+''<LANG>'', "`name`", "`int_name`", "`ref`", "`operator`", "`brand`" en "`addr:housenumber`". U mag ook een specifieke tag opgeven, bijv. '''`text: "cuisine";`'''.
    2828
    2929=== Voorbeeld 2 ===
     
    4646Hier hebben we alle wegen in woonwijken getekend in lichtgrijs en met een lijndikte van 4 px. Kleur mag worden opgegeven in één van de volgende indelingen:
    4747 * benoemde kleur zoals gevonden in [http://www.w3.org/TR/css3-color/#svg-color deze] lijst
    48  * HTML-stijl: '''{{{#ff0000}}}'''
    49  * '''{{{rgb(0.0, 1.0 , 0.2)}}}''' - waarde RGB met argumenten van 0.0 tot en met 1.0
     48 * HTML-stijl: '''`#ff0000`'''
     49 * '''`rgb(0.0, 1.0 , 0.2)`''' - waarde RGB met argumenten van 0.0 tot en met 1.0
    5050 
    5151=== Voorbeeld 3 ===
     
    7474</table>
    7575}}}
    76 In het eerste gedeelte van de declaraties, definiëren we een streepjespatroon van grijs en groen. Laat {{{dashes-background-color}}}weg om een onderbroken lijn zonder kleur weer te geven tussen de streepjes.
     76In het eerste gedeelte van de declaraties, definiëren we een streepjespatroon van grijs en groen. Laat `dashes-background-color` weg om een onderbroken lijn zonder kleur weer te geven tussen de streepjes.
    7777
    78 In het tweede deel zal de naam van de straat ('''{{{text: "name";}}}''') worden weergegeven naast de lijn ('''{{{text-position: line;}}}''') met een verticale verschuiving van 9 px. Een verschuiving van 0 zou de tekst bovenop de lijn renderen.
     78In het tweede deel zal de naam van de straat ('''`text: "name";`''') worden weergegeven naast de lijn ('''`text-position: line;`''') met een verticale verschuiving van 9 px. Een verschuiving van 0 zou de tekst bovenop de lijn renderen.
    7979
    8080=== Voorbeeld 4 ===
     
    9595}}}
    9696
    97 Het type selectie '''{{{area}}}''' acteert op wegen en relaties van multipolygonen. De voorwaarde '''{{{[building]}}}''' is van toepassing op alle objecten die de sleutel {{{building}}} hebben ingesteld op elke waarde. Onthoud dat ook de omtrek van het gebouw zal worden getekend, hoewel we geen eigenschappen voor de lijn hebben gespecificeerd. Dit komt omdat JOSM altijd tenminste één element lijn zal tekenen voor elke weg. Indien er geen eigenschappen voor een lijn worden gevonden, wordt een standaard element lijn gegenereerd.
     97Het type selectie '''`area`''' acteert op wegen en relaties van multipolygonen. De voorwaarde '''`[building]`''' is van toepassing op alle objecten die de sleutel {{{building}}} hebben ingesteld op elke waarde. Onthoud dat ook de omtrek van het gebouw zal worden getekend, hoewel we geen eigenschappen voor de lijn hebben gespecificeerd. Dit komt omdat JOSM altijd tenminste één element lijn zal tekenen voor elke weg. Indien er geen eigenschappen voor een lijn worden gevonden, wordt een standaard element lijn gegenereerd.
    9898
    9999=== Voorbeeld 5 ===
     
    119119}}}
    120120
    121 Dit laat zien hoe u meerdere selecties voor één regel kunt vermelden. We vullen het gebied met een patroon, als het is getagd met {{{landuse=forest}}} of met {{{natural=wood}}}. De transparantie is ingesteld op 0.8, waar 1.0 ondoorzichtig betekent en 0.0 is volledig transparant. U kunt de transparantie altijd instellen wanneer een kleur of afbeelding is gedefinieerd. Bijv. {{{icon-opacity}}} voor {{{icon-image}}} en {{{opacity}}} voor {{{color}}}. Een label voor het object wordt in het middne van het gebied geplaatst.
     121Dit laat zien hoe u meerdere selecties voor één regel kunt vermelden. We vullen het gebied met een patroon, als het is getagd met `landuse=forest` of met `natural=wood`. De transparantie is ingesteld op 0.8, waar 1.0 ondoorzichtig betekent en 0.0 is volledig transparant. U kunt de transparantie altijd instellen wanneer een kleur of afbeelding is gedefinieerd. Bijv. `icon-opacity` voor `icon-image` en `opacity` voor `color`. Een label voor het object wordt in het midden van het gebied geplaatst.
    122122
    123123