Αντιγράψτε μία γραμμή κώδικα και ο διαδραστικός χάρτης με τις εγκαταστάσεις του Πανεπιστημίου εμφανίζεται στη σελίδα σας. Δεν χρειάζεται λογαριασμός, κλειδί ή εγγραφή. Η σελίδα αυτή δείχνει τι μπορείτε να ρυθμίσετε, με ζωντανά παραδείγματα.
Δημιουργία κώδικα με τον οδηγό →Ο ευκολότερος τρόπος: χρησιμοποιήστε τον οδηγό δημιουργίας κώδικα. Επιλέγετε γλώσσα, ύψος, κατηγορία και σημείο, βλέπετε αμέσως προεπισκόπηση και πατάτε «Αντιγραφή». Τα παραδείγματα παρακάτω δείχνουν τι ακριβώς παράγει ο οδηγός και πώς συμπεριφέρεται ο χάρτης σε κάθε μέγεθος.
Το μόνο που χρειάζεται είναι ένα <iframe>. Επικολλήστε το στο σημείο της
σελίδας σας όπου θέλετε να εμφανιστεί ο χάρτης.
Ο βασικός χάρτης
Όλα τα σημεία, στα ελληνικά, ύψος 400 pixels.
<iframe src="https://pr.uoc.gr/promotional-hub/uoc-map/?language=el" style="width:100%; height:400px; border:none;" title="Χάρτης Πανεπιστημίου Κρήτης" loading="lazy"></iframe>
Ο συνηθέστερος τρόπος χρήσης: δείχνετε πού βρίσκεται μία υπηρεσία ή ένα κτίριο. Ο χάρτης ανοίγει εστιασμένος στο σημείο, με την καρτέλα πληροφοριών ανοιχτή.
Εστίαση σε σημείο με selectedmappin
Το αναγνωριστικό του σημείου το επιλέγετε από τον οδηγό — δεν χρειάζεται να το θυμάστε.
<iframe src="https://pr.uoc.gr/promotional-hub/uoc-map/?language=el&selectedmappin=10661" style="width:100%; height:400px; border:none;" title="Χάρτης Πανεπιστημίου Κρήτης" loading="lazy"></iframe>
Δεν υπάρχει «έκδοση για κινητά». Ο χάρτης μετράει τον χώρο που του δίνετε και προσαρμόζει τη διεπαφή του: σε μεγάλο χώρο εμφανίζει κατάλογο κατηγοριών και αναζήτηση, σε μικρό κρατάει μόνο τα απαραίτητα ώστε να μένει ορατός ο χάρτης.
Δοκιμάστε το: το πλαίσιο με την κόκκινη διακεκομμένη γραμμή αλλάζει μέγεθος. Πιάστε την κάτω δεξιά γωνία και σύρετέ την. Θα δείτε τον κατάλογο και την αναζήτηση να εξαφανίζονται καθώς μικραίνει, και την καρτέλα πληροφοριών να γίνεται συμπτυγμένη.
| Μέγεθος πλαισίου | Σημεία & πληροφορίες | Κουμπιά ζουμ & δορυφόρος | Κατάλογος & αναζήτηση |
|---|---|---|---|
| Μικρό — κάτω από 480×360 | Ναι, σε συμπτυγμένη μορφή | — | — |
| Μεσαίο — κάτω από 900×620 | Ναι, με καρτέλα | Ναι | — |
| Μεγάλο — από 900×620 | Ναι, με καρτέλα | Ναι | Ναι |
Αρκεί μία διάσταση να είναι μικρή: ένα πλαίσιο 1200×280 έχει άφθονο πλάτος αλλά δεν χωράει πλαϊνό κατάλογο.
Ο χάρτης είναι φτιαγμένος ώστε να δουλεύει και σε πολύ στενά πλαίσια. Ορίστε απλώς
μικρότερο height.
Ύψος 260px
Κατάλληλο για υποσέλιδο.
Ύψος 200px με ui=minimal
Ακραία περίπτωση — μόνο ο χάρτης.
Σε μεγάλο χώρο ο χάρτης εμφανίζει κατάλογο κατηγοριών και αναζήτηση. Η αναζήτηση δεν
χρειάζεται τόνους: δοκιμάστε αμφιθεατρο ή βουτες. Βρίσκει και
ονόματα πανεπιστημιουπόλεων, όχι μόνο κτιρίων.
Με κατάλογο και αναζήτηση
Με ui=full ο κατάλογος εμφανίζεται πάντα, ανεξάρτητα από το μέγεθος.
<iframe src="https://pr.uoc.gr/promotional-hub/uoc-map/?language=el&ui=full" style="width:100%; height:640px; border:none;" title="Χάρτης Πανεπιστημίου Κρήτης" loading="lazy"></iframe>
Αγγλική έκδοση με language=en
Αλλάζουν και οι τίτλοι των σημείων και τα κείμενα της διεπαφής.
<iframe src="https://pr.uoc.gr/promotional-hub/uoc-map/?language=en&ui=full" style="width:100%; height:520px; border:none;" title="University of Crete Map" loading="lazy"></iframe>
Πατήστε «Εμφάνιση χάρτη» σε όποιο παράδειγμα σας ενδιαφέρει. Φορτώνουν με κλικ ώστε η σελίδα να ανοίγει γρήγορα.
Μόνο μία πανεπιστημιούπολη
category=voutes — δείχνει μόνο τα σημεία των Βουτών.
Κατηγορία με τις υποκατηγορίες της
category=heraklion — περιλαμβάνει αυτόματα Βούτες και Ιατρική Σχολή.
Δορυφορική εικόνα
basemap=satellite — με ονόματα τοποθεσιών.
Επίπεδα προσβασιμότητας
wheelmap=1 — ανελκυστήρες, ράμπες, προσβάσιμες διαδρομές, τουαλέτες.
Ανοίξτε το εικονίδιο πάνω δεξιά.
Χωρίς ομαδοποίηση σημείων
cluster=0 — κάθε σημείο ξεχωριστά, χωρίς αριθμημένους κύκλους.
Πανοράματα εικονικής περιήγησης
include=extra — προσθέτει τα σημεία με πανοραμικές λήψεις.
Όλες είναι προαιρετικές. Προσθέτονται στο τέλος της διεύθυνσης, χωρισμένες με
& μέσα σε HTML. Αν δώσετε τιμή που δεν αναγνωρίζεται, ο χάρτης
χρησιμοποιεί την προεπιλογή — δεν εμφανίζει ποτέ σφάλμα στη σελίδα σας.
| Παράμετρος | Τιμές | Προεπιλογή | Τι κάνει |
|---|---|---|---|
language | el, en | el |
Γλώσσα διεπαφής και τίτλων. |
selectedmappin | αριθμός | — | Ανοίγει εστιασμένος σε ένα σημείο, με την καρτέλα του ανοιχτή. |
category | ονόματα ή αριθμοί, χωρισμένα με κόμμα | — | Περιορίζει τον χάρτη σε κατηγορίες. Περιλαμβάνει πάντα τις υποκατηγορίες. |
ui | auto, minimal, full | auto |
auto: προσαρμόζεται στο μέγεθος. minimal: μόνο ο χάρτης. full: πάντα με κατάλογο. |
basemap | map, satellite | map |
Υπόβαθρο χάρτη ή δορυφορική εικόνα. |
zoom | 1–20 | αυτόματο | Επίπεδο μεγέθυνσης κατά το άνοιγμα. |
center | γεωγρ.πλάτος,γεωγρ.μήκος | — | Κέντρο του χάρτη κατά το άνοιγμα. |
cluster | 0, 1 | αυτόματο | Ομαδοποίηση κοντινών σημείων σε αριθμημένους κύκλους. |
include | extra | — | Προσθέτει τα πανοράματα εικονικής περιήγησης. |
wheelmap | 1 | — | Προσθέτει τα επίπεδα προσβασιμότητας. |
Όταν ο επισκέπτης κυλάει τη σελίδα και το ποντίκι περάσει πάνω από τον χάρτη, η σελίδα συνεχίζει κανονικά — ο χάρτης δεν αρπάζει την κύλιση. Για μεγέθυνση κρατάει Ctrl (ή Cmd) και κυλάει. Σε οθόνη αφής, το ένα δάχτυλο κυλάει τη σελίδα μέχρι να πατήσει μία φορά τον χάρτη· τα δύο δάχτυλα μετακινούν και μεγεθύνουν πάντα.
Αφήστε το width:100% όπως είναι. Ο χάρτης καταλαμβάνει το πλάτος που του
δίνει η σελίδα σας και προσαρμόζεται μόνος του σε κινητά.