|
Στην ενότητα αυτή μπορείτε να βρείτε αναλυτικές οδηγίες εγκατάστασης
των χαρτών μας στο δικό σας website (για συνδρομητές μόνο).
Οι οδηγίες αυτές αφορούν μόνο την εγκατάσταση αυτών των χαρτών.
Αν θέλετε βοήθεια σχετική με την χρήση και την πλοήγηση στους χάρτες,
ανατρέξτε στην ενότητα "Οδηγίες
Χρήσης".
Η σωστές λειτουργίες των οδηγιών που ακολουθούν, προϋποθέτουν μια
ενεργοποιημένη συνδρομή η οποία επιτρέπει την πρόσβαση στον χάρτη που
σας ενδιαφέρει.
- Κλήση στους χάρτες του travelmap
Η κλήση από το site σας σε κάποιο χάρτη του travelmap, πραγματοποιείται
με την προσθήκη μια γραμμής κώδικα javascript, στο σημείο που επιθυμείτε
να εμφανιστεί ο χάρτης στην ιστοσελίδα σας.
Ο κώδικας αυτός εμφανίζεται στο κάτω μέρος κάθε χάρτη στο site μας,
σε όσους χρήστες έχουν κάνει login στο σύστημά μας, κάνοντας χρήση
του id και του password που παρέλαβαν μετά την ενεργοποίηση της συνδρομής
τους.
Παράδειγμα
Αν υποθέσουμε πως θέλετε να ενσωματώσετε στο site σας τον χάρτη της
Σαντορίνης με ελληνικά τοπωνύμια και σας έχουμε δώσει κατά την εγγραφή
σας το id 215, τότε θα πρέπει τοποθετήσετε (σε μία γραμμή) τον ακόλουθο
κώδικα στην ιστοσελίδα σας:
<script src='http://www.travelmap.gr/maps/?
map=santorini&lang=gr&id=215&zoom=' language='javascript'></script>
Τεχνικά χαρακτηριστικά:
Το βασικό URL του script είναι:
http://www.travelmap.gr/maps/
Οι μεταβλητές που περνάμε στο URL με την μέθοδο GET είναι:
map=santorini (καθορίζει τον χάρτη
που ζητάμε)
id=215 (Το id που σας δώθηκε κατά
την εγγραφή σας)
lang=gr (καθορίζει τη γλώσσα στην
οποία θα εμφανιστούν τα τοπωνύμια)
zoom= (προαιρετική μεταβλητή,
αναλύεται στην επόμενη ενότητα)
Για αγγλικά τοπωνύμια αντικαταστήστε απλά το lang=gr
με lang=en
- Κλήση στους χάρτες του travelmap με preset zoom
Αυτή η μορφή κλήσης είναι χρήσιμη όταν θέλουμε να εμφανίσουμε κάποιο
χάρτη με έτοιμη μεγέθυνση σε κάποια συγκεκριμένη περιοχή.
Η μορφή σύνταξης είναι ίδια με την προηγούμενη και το μόνο που χρειάζεται
είναι να ορίσουμε την τιμή της μεταβλητής zoom. Η τιμή αυτή μας δίνεται
σε κάθε χάρτη, αφού εστιάσουμε στο επιθυμητό σημείο, επιλέγοντας από
το menu "Zoom" την επιλογή "Get Map Coordinates".
Στη συνέχεια αντιγράφουμε την τιμή αυτή, όπως δείχνει η εικόνα που
ακολουθεί:

Τέλος αντικαθιστούμε στον κώδικα το zoom=
με τη νέα τιμή του zoom
(π.χ. zoom=-863.4|-1185.75|600|233)
και η τελική σύνταξη διαμορφώνεται ως ακολούθως:
<script src='http://www.travelmap.gr/maps/?
map=santorini&lang=gr&id=215&zoom=-863.4|-1185.75|600|233' language='javascript'></script>
- Διαχείριση των links στους χάρτες
Κάθε χάρτης που καλείται στην ιστοσελίδα σας, αυτόματα αναζητά ένα
συγκεκριμένο αρχείο swf το οποίο πρέπει να βρίσκεται σε ένα φάκελο
με το όνομα "links" στο root directory του site σας. Το
αρχείο αυτό το εξάγετε από το fla template που θα βρείτε στην ενότητα
Download
links template μετά την εγγραφή σας.
Το όνομα του αρχείου αυτού θα πρέπει έχει την μορφή:
"κωδική ονομασία χάρτη_links[_en].swf"
Παράδειγμα
Εάν είστε κάτοχος του domain name tourism.gr και θέλετε να
βάλετε τον χάρτη της Σαντορίνης, το όνομα του αρχείου για τα links
θα πρέπει να είναι:
Ελληνική έκδοση = santorini_links.swf
Αγγλική έκδοση = santorini_links_en.swf
και η πλήρης διαδρομή (path) θα πρέπει να είναι:
Ελληνική έκδοση = http://www.tourism.gr/links/santorini_links.swf
Αγγλική έκδοση = http://www.tourism.gr/links/santorini_links_en.swf
- Γεννήτρια ονομάτων
Στην φόρμα που ακολουθεί μπορείτε να βρίσκετε εύκολα το όνομα του
αρχείου για τα links επιλέγοντας από τη λίστα τον χάρτη που σας ενδιαφέρει
και αντιγράφοντας τα ονόματα που παράγονται για την ελληνική και την
αγγλική έκδοση:
- Δουλεύοντας με το fla template
Οι οδηγίες που αναφέρονται σ'αυτή την ενότητα προϋποθέτουν βασικές
γνώσεις στο χειρισμό της εφαρμογής Macromedia Flash V4 (ή ανώτερη
έκδοση).
Όλες οι εικόνες που ακολουθούν είναι από το Macromedia Flash MX σε
Normal Mode Actionscript, αλλά οι οδηγίες μπορούν να εφαρμοστούν πολύ
εύκολα και σε Macromedia Flash V4.
Αφού προμηθευτείτε το ανάλογο zip αρχείο από την ενότητα Download
links template, θα χρειαστεί να το αποσυμπιέσετε με τη
χρήση του βοηθήματος WinZip.
Κάθε συμπιεσμένο αρχείο περιέχει δύο αρχεία fla, ένα με την ονομασία
_links.fla (ελληνική έκδοση)
και ένα με την ονομασία links_en.fla
(αγγλική έκδοση). Επιλέγουμε αυτό που θέλουμε να επεξεργαστούμε και
το ανοίγουμε στην εφαρμογή Macromedia Flash με διπλό κλικ.
Παρατηρούμε ότι στην timeline υπάρχουν δύο layers, ένα normal με την
ονομασία "buttons links" και ένα κλειδωμένο guide layer,
στο οποίο δεν πρέπει να επέμβετε καθόλου.

Στο πρώτο layer (buttons links), αφού μεγενθύνετε τα περιεχόμενα της
σκηνής, θα βρείτε ένα button symbol στην περιοχή της πρωτεύουσας κάθε
χάρτη.
Επιλέξτε το (κάνοντας αριστερό κλικ πάνω του στη σκηνή) και μετακινήστε
το στην περιοχή που θέλετε να κάνετε link. Στη συνέχεια και ενώ το
button είναι επιλεγμένο κάντε δεξί κλικ πάνω του και επιλέξτε Actions.
Στο παράθυρο που ανοίγει επιλέγουμε την δεύτερη γραμμή κώδικα actionscript
και πληκτρολογούμε στο πεδίο "Value" το URL στο οποίο θέλουμε
να οδηγηθεί ο χρήστης πατώντας το link.
Η τρίτη γραμμή του κώδικα στην ίδια εικόνα εκτελεί το link και ορίζει
το παράθυρο στο οποίο θα ανοίξει η νέα σελίδα.
Εξ ορισμού είναι επιλεγμένη στο πεδίο "Window" η
επιλογή "_blank", που σημαίνει πως το link θα ανοίξει
σε νέο παράθυρο.

Σε περίπτωση που θέλετε το link να ανοίγει στο τρέχων παράθυρο, επιλέξτε
την επιλογή "_self", πράγμα που δεν συνιστούμε γιατί
ο χρήστης θα "χάσει" τον χάρτη στον οποίο βρισκόταν.
Οι άλλες δύο επιλογές είναι χρήσιμες μόνο όταν χρησιμοποιούμε στην
ιστοσελίδα μας frames. Αν θέλετε το link να ανοίγει σε κάποιο συγκεκριμένο
frame του παραθύρου σας, πληκτρολογήστε στο πεδίο "Window"
το όνομα του frame αυτού.
Κλείστε το παράθυρο Actions αφού ολοκληρώσετε τις επιλογές σας (στο
Flash 4 θα πρέπει να πατήσετε "ΟΚ").
Στη συνέχεια κάντε δεξί κλικ στο button και επιλέξτε "Edit
in Place".
Στη νέα timeline μεταφερόμαστε στο δεύτερο keyframe (αυτό με το
όνομα "Over") και βλέπουμε στη σκηνή ένα πινακάκι με μια
επιγραφή.

Κάντε δεξί κλικ πάνω στο πινακάκι αυτό και επιλέξτε εκ νέου "Edit
in Place".

Επιλέξτε με το εργαλείο κειμένου την περιγραφή και αντικαταστήστε
την με το μήνυμα που θέλετε να βλέπει ο χρήστης όταν ετοιμάζεται να
πατήσει κάποιο link στον χάρτη (π.χ. πληκτρολογήστε "Click for
Details").
Ορίστε το μέγεθος γραμματοσειράς που θέλετε και στοιχίστε το κείμενο
στο κέντρο του πλαισίου.

Πατήστε στο "Scene 1" για να μεταφερθείτε ξανά στην
κυρίως σκηνή.
Αν θέλετε να προσθέσετε ένα νέο link στο χάρτη, αντιγράψτε το επιλεγμένο
button στη σκηνή (Menu Edit > Copy), επικολλήστε το (Menu Edit
> Paste) και μετακινήστε το νέο αντίγραφο "σύροντάς το"
με το ποντίκι σας στη νέα θέση που επιθυμείτε να κάνετε link. Στη
συνέχεια και ενώ το νέο button είναι επιλεγμένο κάντε δεξί κλικ πάνω
του, επιλέξτε Actions και ακολουθήστε εκ νέου την διαδικασία που περιγράψαμε
για το πρώτο button (εκτός από την αλλαγή του κειμένου η οποία αρκεί
να γίνει μόνο μία φορά).
Με τον ίδιο τρόπο μπορούμε να βάλουμε στον χάρτη όσα links θέλουμε,
καθιστώντας τον ένα πραγματικά διαδραστικό εργαλείο πλοήγησης για
τους επισκέπτες του site μας!
Αφού ολοκληρώσουμε την δημιουργία όλων των links του χάρτη, θα πρέπει
να αποθηκεύσουμε την εργασία μας επιλέγοντας απο το menu File την
επιλογή Save. Με τον τρόπο αυτό, θα είμαστε σε θέση αργότερα να εμπλουτίσουμε
τον χάρτη μας με νέα links, διατηρώντας τα ήδη υπάρχοντα. Μπορούμε
φυσικά να αφαιρέσουμε κάποιο link, επιλέγοντάς το στη σκηνή και πατώντας
Delete από το πληκτρολόγιό μας.
Μετά από κάθε τροποποίηση του αρχείου fla, θα πρέπει να εξάγουμε (Export)
το αποτέλεσμα της δουλειάς μας, σε μορφή swf. Επιλέξτε από το menu
"File" την επιλογή "Export Movie".

Το όνομα που θα δώσετε στο νέο swf αρχείο, εξαρτάται από τον χάρτη
και από το αν ενημερώνετε την ελληνική ή την αγγλική έκδοση. Χρησιμοποιήστε
την γεννήτρια
ονομάτων που αναφέραμε πιο πάνω και πληκτρολογήστε το ανάλογο
όνομα στο πεδίο "File name" του παραθύρου "Export
Movie".
Πατήστε "Save" και έχετε έτοιμο το swf αρχείο που
χρειάζεται ο χάρτης για να απεικονήσει τα δικά σας links!
Προσοχή χρειάζεται στην ενημέρωση του server σας, όσον αφορά τη θέση
στην οποία θα κάνετε upload το νέο αρχείο. Πρέπει, όπως αναφέρθηκε
στην αρχή αυτού του tutorial, να το βάλετε σε ένα φάκελο με όνομα
"links" ο οποίος θα βρίσκεται στο root directory του site
σας (π.χ. www.tourism.gr/links/).
Η όλη διαδικασία που περιγράψαμε θα πρέπει να επαναληφθεί και για
την δεύτερη γλώσσα του χάρτη (αν βέβαια υπάρχει στο site σας).
Αν οι γνώσεις σας το επιτρέπουν, μπορείτε να τροποποιήσετε τα templates
που σας παρέχουμε, ώστε να υποστηρίζουν ξεχωριστά button clips για
κάθε περιοχή, με την δική τους περιγραφή το κάθε ένα, ή ακόμα να δημιουργήσετε
movie clips τα οποία θα παρέχουν για κάθε link δυνατότητα πολλαπλών
επιλογών με drop down lists (π.χ. Hotels, Αξιοθέατα, Photo Gallery
κλπ).
Καλή επιτυχία...
|