Tutorial για να δημιουργήσετε μια υπηρεσία μωσαϊκού χάρτη

Το Portablemaps μας παρουσιάζει ένα από τα καλύτερα σεμινάρια που έχω δει, φτιαγμένο σε καθαρή javascript και html. Το πιο ενδιαφέρον είναι ότι παρουσιάζει το τελικό προϊόν, αλλά δείχνει πώς γίνεται βήμα βήμα... όλα από ένα μόνο κλικ και χωρίς να είναι ένα βαθύ tutorial, μάλλον για ανθρώπους που μαθαίνουν εύκολα βλέποντας πώς γίνεται.

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

μεταξύ των περιεχομένων του αριστερού μενού είναι:

Εισαγωγή.  Αυτή η ενότητα ασχολείται με τα πιο σημαντικά πράγματα που πρέπει να γνωρίζετε και συνδέσμους για το πώς να το γνωρίζετε κυρίως σχετικά με HTML, Javascript και GIS

Δημιουργία στρώματος.  Αυτή η ενότητα δείχνει πώς να ορίσετε τα επίπεδα προσέγγισης και τη δομή καταλόγου.

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

Φτιάχνοντας το μωσαϊκό.  Σε αυτήν την ενότητα, δείχνει ποια κριτήρια μπορούν να χρησιμοποιηθούν στην ονοματολογία για την ονομασία των ψηφιδωτών εικόνων, είτε με ArcGIS, Maptitude ή Manifold.

Βασικές αρχές ιστότοπου. Εδώ σας δείχνουμε τα βασικά της Javascript και του DOM, τα συμβάντα και τον χειρισμό των div's.

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

ΑΪΑΣ.  Μερικά παραδείγματα για το τι μπορεί να γίνει με το AJAX, για τη βελτίωση της αλληλεπίδρασης.

Το τελικό προϊόν.  Δείτε πώς φαίνεται το προϊόν εάν ακολουθηθούν όλα τα βήματα και οι συστάσεις.

Τελευταίες πινελιές.  Πώς θα γίνεται ο χειρισμός της ενημέρωσης εικόνας.

Μέσω: James Fee