Ενσωμάτωση εικόνων σε τεχνοτροπίες

Διεύθυνση εικόνας

Υπάρχουν διάφοροι τρόποι να παραπέμψετε εικόνες μέσα σε τεχνοτροπίες:

Ενσωματωμένες εικόνες

Μπορείτε να χρησιμοποιήσετε τις ενσωματωμένες εικόνες. Για να περιηγηθείτε στα διαθέσιμα εικονίδια, αποσυμπιέστε το αρχείο josm-*.jar χρησιμοποιώντας οποιοδήποτε πρόγραμμα που υποστηρίζει αρχεία zip. Οι εικόνες βρίσκονται στον υποφάκελο images. Παραλείψτε τον πρώτο φάκελο στη διαδρομή αρχείου (όχι το images/presets/food/restaurant.svg, αλλά το presets/food/restaurant.svg). Παράδειγμα:

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

Τοπικές εικόνες

Δώστε τη διαδρομή ενός αρχείου εικόνας στο τοπικό σύστημα αρχείων, είτε απόλυτη είτε σχετική με το τρέχον αρχείο .mapcss. Παράδειγμα:

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

ή

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

Διεύθυνση URL μιας εικόνας από απομακρυσμένο διακομιστή

Πλήρης διεύθυνση URL μιας εικόνας από τον ιστό. Βεβαιωθείτε ότι η απευθείας σύνδεση γίνεται ανεκτή από τον ιδιοκτήτη του ιστότοπου. Οι εικόνες φορτώνονται κατόπιν αιτήματος και αποθηκεύονται προσωρινά στον υπολογιστή-πελάτη (για μία εβδομάδα, συνήθως).

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

Εικόνες μέσα σε αρχείο zip

Είναι δυνατό να συσκευάσετε την τεχνοτροπία σας και όλους τους απαιτούμενους πόρους σε ένα αρχείο zip, προκειμένου να απλοποιηθεί η διανομή. Όταν ο χρήστης φορτώνει το αρχείο zip ως τεχνοτροπία, το JOSM θα εντοπίσει αυτόματα το αρχείο .mapcss μέσα στο αρχείο και θα βρει όλες τις εικόνες.

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

Ενσωματωμένα δεδομένα εικόνας

data:-URL σύμφωνα με το ​RFC2397. Παραδείγματα:

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

ή

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

Εικόνες στο OSM-Wiki

Τα αρχεία εικόνας από το OSM-wiki μπορούν να συνδεθούν με έναν ειδικό τρόπο. Αυτό υποτίθεται ότι είναι συμβατό με την Ετικέτα wiki:symbol, δείτε ​DE:Hiking. Παράδειγμα:

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

Μορφές εικόνων

Μορφές Raster

Το JOSM μπορεί να εμφανίσει τις ακόλουθες μορφές ράστερ: png, jpeg, gif και bmp.
(Βασικά όλες οι μορφές που υποστηρίζονται από το Java Runtime Environment)

Διανυσματικές μορφές

Υπάρχει επίσης ενσωματωμένη υποστήριξη για κλιμακούμενα διανυσματικά γραφικά scalable vector graphics (svg). Τα SVG εικονίδια προτιμώνται έναντι των raster γιατί προσφέρουν χωρίς απώλειες μεγέθυνση σε οθόνες υψηλής ανάλυσης (HiDPI). Οι περισσότερες svg εικόνες θα πρέπει να αποδίδονται σωστά, αλλά σε ορισμένες περιπτώσεις το αποτέλεσμα μπορεί να είναι ελαττωματικό. Αυτό οφείλεται στους περιορισμούς της χρησιμοποιούμενης ​svg-library.

Ένα πράγμα για το οποίο μπορείτε να είστε σίγουροι, είναι ότι η απόδοση είναι συνεπής σε όλα τα συστήματα. Άρα είτε το αποτέλεσμα φαίνεται εντάξει είτε όχι.

Σε περίπτωση που δεν είναι, προσπαθήστε να "απλοποιήσετε" το svg με τρόπο που να μπορεί να το χειριστεί το JOSM. Δείτε επίσης τις υποδείξεις που σχετίζονται με το svg στο DevelopersGuide/DefaultPresets#NewIcons.

---

Πίσω στις Τεχνοτροπίες Χαρτών του JOSM