Το Leaflet.js είναι η πιο απλή βιβλιοθήκη χάρτη που θα βρείτε ποτέ
Οι Χάρτες Google είναι σίγουρα το πιο δημοφιλές ενσωματωμένο widget χάρτη για τους σχεδιαστές ιστοσελίδων. Αλλά τι γίνεται προσθέτοντας προσαρμοσμένες λειτουργίες όπως κουμπιά εργαλείων και δείκτες καρφιτσών?
Αυτό είναι όπου μια φοβερή βιβλιοθήκη όπως Leaflet.js βοηθά έναν τόνο.
Αυτό είναι ένα εντελώς δωρεάν έργο ανοιχτού κώδικα αρχικά δημιουργήθηκε από ένα από τα παιδιά στο Mapbox που ονομάζεται Vladimir Agafonkin. Από τότε, το Φυλλάδιο έχει αυξηθεί δεκάδες συνεισφέροντες σε όλο τον κόσμο.
Είναι συχνά ενημερώθηκε με διορθώσεις σφαλμάτων και νέα χαρακτηριστικά που βελτιώνουν τη συνολική εφαρμογή σε κάθε ιστότοπο. Αυτή είναι κατά πολύ η αγαπημένη μου βιβλιοθήκη χαρτογράφησης εξαιτίας της τεράστιας δύναμης και του αισθητικού σχεδιασμού της.
Έχει τόσες πολλές δυνατότητες που δεν μπορούσα να τις καταγράψω όλες, αλλά εδώ είναι τα πιο ενδιαφέροντα:
- Επιτάχυνση του κινητού υλικού
- Μαρκαδόροι στίγματος, επικαλύψεις σχήματος και γραμμές εργαλείων
- Προσαρμοσμένη κινούμενη ζουμ & πανοραμική λήψη
- Δεν υπάρχουν εξαρτήσεις JS
- Υποστήριξη για όλα τα μεγάλα προγράμματα περιήγησης συμπεριλαμβανομένου του IE7+
Η υλοποίηση είναι λίγο δύσκολη γιατί πρέπει εισάγετε συντεταγμένες και καθορίστε πόσο μεγάλο πρέπει να είναι ο χάρτης.
Οι χρήστες μπορούν πάντα Σμίκρυνση και pan γύρω, έτσι ώστε η θέα να μπορεί πάντα να αλλάζει. Αλλά βασίζεται επίσης πώς καθορίζετε τον χάρτη στη σελίδα.
Υπάρχει ένα τεράστιο σελίδα τεκμηρίωσης γεμάτη πληροφορίες για κάθε πτυχή του Φυλλαδίου. Δυστυχώς, είναι τόσο πυκνό που δεν μπορώ να συστήσω μόνο κατάδυση σε αυτό επειδή πιθανότατα θα χαθείτε. Αντ 'αυτού, ελέγξτε το Σελίδα σεμινάρια φυλλαδίων το οποίο περιλαμβάνει επίσης ένα οδηγός γρήγορης εκκίνησης για αρχάριους.
Θα μάθετε πώς να ενσωματώστε τους χάρτες, αλλάξτε το μέγεθος / τη θέση, και πώς να προσθέστε προσαρμοσμένα γραφικά στην κορυφή, όπως κύκλους ή δείκτες καρφώματος.
Αυτός ο οδηγός intro μπορεί σας διδάσκει ό, τι χρειάζεστε να χρησιμοποιήσετε το Φυλλάδιο σε ένα blog, στην ιστοσελίδα της εταιρείας ή σε οποιοδήποτε επερχόμενο έργο.
Υπάρχουν πολλοί λόγοι για να χρησιμοποιήσετε τους Χάρτες Google: είναι ισχυρός, αξιόπιστος και δωρεάν. Αλλά το Φυλλάδιο έρχεται με τόσες άλλες δυνατότητες εκτός του κουτιού και πρέπει μόνο να το κάνετε προσθέστε τα αρχεία CSS / JS στην ιστοσελίδα σας για να ξεκινήσετε. Μπορείτε ακόμη να βρείτε αντίγραφα που φιλοξενούνται στο διαδίκτυο αν προτιμάτε να μεταβείτε στη διαδρομή CDN.
Μην αφήσετε την τεκμηρίωση να σας τρομάξει μακριά. Υπάρχουν πολλά που μπορείτε να μάθετε, αλλά δεν είναι απαραίτητα όλα τα χαρακτηριστικά για μια βασική ρύθμιση φύλλων.
Και δεν χρειάζονται πολλά δημιουργήστε έναν εκπληκτικό χάρτη από το μηδέν. Ρίξτε μια ματιά σε αυτό το demo του Codepen που δημιουργήθηκε χρησιμοποιώντας το API Χαρτών Leaflet.js και Google Maps.
