ΤΟΠΟΓΡΑΦΙΚΑ ΘΕΜΑΤΑ: ΡΑΠΟΡΤΑΡΙΣΜΑ ΣΗΜΕΙΩΝ ΣΕ ΧΑΡΤΗ ΜΕ ΚΛΙΚ

1. ΓΕΝΙΚΑ

Η jQuery έχει πολλές δυνατότητες , που πραγματικά με εντυπωσίασαν . Αποτελεί τη βιβλιοθήκη της Javascript , που ουσιαστικά απλοποιεί τον προγραμματισμό της .

Εδώ κατασκεύασα κάτι ανάλογο με τους χάρτες της Google . Φυσικά , ο προγραμματισμός είναι ατελείωτος . Θα μπορούσα να προσθέσω πολλά στοιχεία , έτσι ώστε να κάνουν το χάρτη μου πλήρες . Όμως σκοπός μου , όπως έχω ξαναπεί , είναι να δημιουργώ απλά Τοπογραφικά προγράμματα .

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

Ο μαγικός κόσμος των εντολών είναι για μένα , ένα ακούραστο παιχνίδι . Συνεχώς ανακαλύπτω και αυτό με μαγεύει .

2. Η ΤΟΠΟΘΕΤΗΣΗ ΤΩΝ ΣΗΜΑΔΙΩΝ

Το πρώτο θέμα που αντιμετώπισα κατά τη δημιουργία του προγράμματος , ήταν ο τρόπος με τον οποίον ο χρήστης , όταν κλικάρει στο χάρτη να τοποθετούνται σημάδια .

Αυτό επιτεύχθηκε , χάρη στις παντοδύναμες εντολές της jQuery .

Δε χρειάστηκε , ούτε onload , ούτε κλικ στο div .

3. Η ΓΕΝΙΚΗ ΔΟΜΗ ΤΟΥ ΘΕΜΑΤΟΣ

Η γενική δομή του θέματος , περιλάμβανε τα εξής :

• Δήλωση των στοιχείων του κώδικα SVG
• To style ή καλύτερα css
• To script με τη βιβλιοθήκη της jQuery
• To βασικό script με jQuery και Javascript
• Το div και το SVG για τη χάραξη γραμμών ( με polyline )

4. ΕΝΩΣΗ ΤΩΝ ΣΗΜΕΙΩΝ ΜΕ ΓΡΑΜΜΕΣ

Το δεύτερο θέμα που αντιμετώπισα ήταν , ο τρόπος με τον οποίον τα σημεία θα ενώνονταν μεταξύ τους με γραμμές , χρησιμοποιώντας την polyline του SVG .

Το πρόβλημα λύθηκε με τη σωστή δημιουργία πινάκων ( arrays ) .

Εισαγωγή σε αυτούς , των θέσεων που κλικάρει ο χρήστης , δηλαδή των συντεταγμένων χ και yec ( y ) . Τα χ και yec μπήκανε σε έναν πίνακα , που ονόμασα coords . Ένωσα αυτόν με έναν κενό πίνακα (perds) , με την ονομασία hook ως μεταβλητή , και η οποία τελικά αντιπροσωπεύει τις γραμμές . Αυτή η hook προωθήθηκε στον πίνακα poly , και με ένα βρόγχο , χαράχθηκαν οι γραμμές .

5. Ο ΧΑΡΤΗΣ

Στο πρόγραμμά μου χρησιμοποιώ ως χάρτη , τυχαία περιοχή της Ελλάδας . Τα σημάδια και οι γραμμές αποθηκεύονται προσωρινά σε πίνακες και ταξινομούνται με τη σειρά που κλικάρω στο χάρτη .

Η επεξεργασία των δεδομένων που αφορούν τις γραμμές , γίνεται με βρόγχο . Οι δε συντεταγμένες Χ & Υ των σημείων που κλικάρονται , καταχωρούνται αυτόματα στον πίνακα .

Τέλος , αφήνοντας το δείκτη του ποντικιού πάνω στο σημείο ( ακόντιο ) , εμφανίζονται σχετικές πληροφορίες .