Afbeeldingen opnemen in stijlen

URL voor de afbeelding

Er zijn verschillende manieren om naar een afbeelding te verwijzen in stijlen:

Ingebouwde afbeeldingen

U kunt verwijzen naar de ingebouwde afbeeldingen. Pak het bestand josm-*.jar uit met een programma dat een ZIP-archief kan uitpakken om door de beschikbare pictogrammen te bladeren. De bestanden van de afbeeldingen zijn geplaatst in de submap images. Laat de eerste map weg in het bestandspad (niet images/presets/food/restaurant.svg, maar presets/food/restaurant.svg). Voorbeeld:

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

Lokale afbeeldingen

Geef het pad op van een afbeeldingsbestand op het lokale bestandssysteem, ofwel absoluut of relatief naar het huidige bestand .mapcss. Voorbeeld:

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

of

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

URL van een afbeelding op een server op afstand

Volledige URL van een afbeelding vanaf het web. Zorg er voor dat direct linken is toegestaan door de eigenaar van de website. De afbeeldingen worden op aanvraag geladen en in de cache op de cliëntcomputer geplaatst (gewoonlijk voor één week).

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

Afbeeldingen binnen een ZIP-archief

Het is mogelijk uw stijl en alle vereiste bronnen daarvoor te verpakken in een ZIP-archief, om eenvoudig te kunnen delen. Wanneer de gebruiker het ZIP-bestand laadt als een stijl, zal JOSM automatisch het bestand .mapcss in het archief detecteren en alle afbeeldingen zoeken.

node {
    icon-image: "afbeeldings/bestand/in/archief.png";
}

Ingebedde gegevens voor een afbeelding

data:-URL overeenkomstig ​RFC2397. Voorbeelden:

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

of

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

Afbeeldingen op de wiki van OSM

Afbeeldingsbestanden van de wiki van OSM kunnen op een speciale manier worden gelinkt. Dit wordt verondersteld compatibel te zijn met de tag wiki:symbol, zie ​DE:Hiking. Voorbeeld:

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

Indelingen van afbeeldingen

Rasterindelingen

JOSM kan de volgende rasterindelingen weergeven: PNG, JPEG, GIF en BMP.
]] (In principe alle indelingen die worden ondersteund door de Java Runtime Environment)

Vectorindelingen

Er is ook ingebouwde ondersteuning voor scalable vector graphics (SVG). SVG-pictogrammen hebben de voorkeur boven pictogrammen van rasterindelingen vanwege het verliesloos op schaal brengen op hidpi-schermen. De meeste SVG-afbeeldingen zouden correct moeten worden gerenderd, maar in sommige gevallen zou het resultaat fouten kunnen bevatten. Dit vanwege de beperkingen in de gebruikte ​SVG-bibliotheek.

Eén ding waar u zeker van kunt zijn is dat het renderen consistent is op alle systemen. Dus het resultaat ziet er OK uit, of niet.

In het geval het er niet goed uitziet, probeer dan om de svg te "vereenvoudigen" op een manier die maakt dat hij door JOSM kan worden afgehandeld. Bekijk ook de aan svg gerelateerde hints op DevelopersGuide/DefaultPresets

---

Terug naar JOSM kaartstijlen