Inkludere bilder i stiler

Bilde-URL

Det er forskjellige måter å referere til bilder i stiler:

Innebygde bilder

Du kan referere til de innebygde bildene. For å bla gjennom tilgjengelige ikoner, pakk ut filen josm-*.jar med et hvilket som helst program som kan håndtere en zip-arkiv. Bildefilene ligger i undermappen images. Utelat den første mappen i filbanen (ikke images/presets/food/restaurant.svg, men presets/food/restaurant.svg). Eksempel:

node[amenity=restaurant] {
    icon-image: "presets/food/restaurant.svg";
}

Lokale bilder

Angi banen til en bildefil på det lokale filsystemet, enten absolutt eller relativt til den gjeldende .mapcss-filen. Eksempel:

node[amenity=restaurant] {
    icon-image: "/home/username/osm/my-restaurant.png";
}

eller

node[amenity=restaurant] {
    icon-image: "my-restaurant.png";
}

URL til et bilde på en ekstern server

Full URL til et bilde fra nettet. Forsikre deg om at direkte lenker tolereres av nettstedseieren. Bildene lastes ned på forespørsel og caches på klientdatamaskinen (i én uke, vanligvis).

node {
    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
}

Bilder i en zip-arkiv

Det er mulig å pakke din stil og alle nødvendige ressurser i en zip-arkiv, for å forenkle distribusjon. Når brukeren laster zip-filen som en stil, vil JOSM automatisk oppdage .mapcss-filen i arkivet og finne alle bildene.

node {
    icon-image: "image/file/within/archive.png";
}

Innebygd bildedata

data:-URL i henhold til ​RFC2397. Eksempler:

node {
    icon-image: "data:image/png;base64,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";
}

eller

node {
    icon-image: "data:image/svg+xml,<svg><rect x='10' y='10' width='50' height='20' fill='white' stroke='blue' stroke-width='2px'/><line x1='18' y1='37' x2='50' y2='5' stroke='black' stroke-width='1.5px'/></svg>";
}

Bilder på OSM-wikien

Bildefiler fra OSM-wikien kan lenkes på en spesiell måte. Dette er ment å være kompatibelt med wiki:symbol-taggen, se ​DE:Hiking. Eksempel:

node {
    icon-image: "wiki://Symbol_Jakobsweg.png";
}

Bildeformater

Rasterformater

JOSM kan vise følgende rasterformater: png, jpeg, gif og bmp.
(I hovedsak alle formater som støttes av Java Runtime Environment)

Vektorformater

Det er også innebygd støtte for skalerbare vektorgrafikker (svg). svg-ikoner foretrekkes fremfor rasterformater på grunn av tapsfri skalering på hidpi-skjermer. De fleste svg-bilder bør rendres korrekt, men i noen tilfeller kan resultatet være mangelfullt. Dette skyldes begrensninger i den brukte ​svg-biblioteken.

En ting du kan være sikker på, er at renderingen er konsistent på alle systemer. Så enten ser resultatet bra ut, eller så gjør det ikke.

Hvis det ikke ser bra ut, prøv å "forenkle" svg-filen slik at den kan håndteres av JOSM. Se også svg-relaterte tips på DevelopersGuide/DefaultPresets#NewIcons.

---

Tilbake til JOSM Kartstiler