Geolocation με HTML5 και javascript. Ενοποίηση με το Google Maps

Νέα Προϊόντα που εισάγονται με HTML5 είναι πολλές και κάποιες ιδιαίτερα ενδιαφέρουσες. Μεταξύ αυτών ξεχωρίζει, χωρίς αμφιβολία, για την υποστήριξη Geolocation, η οποία μπορεί να ανιχνεύσει αυτόματα τη γεωγραφική θέση του χρήστη μέσω του προγράμματος περιήγησης.

Χρησιμοποιώντας Geolocation, στην πραγματικότητα, με υποστήριξη για HTML5 browsers έχουν τη δυνατότητα να παρακολουθείτε την τοποθεσία του χρήστη που χρησιμοποιεί την διεύθυνση IP που εκχωρείται από τον ISP σύνδεσή σας, η εγγύτητα με την επικοινωνία των κυττάρων (για σύνδεση κινητού) ή μέσω του " κεραία GPS μπορεί να ενσωματωθεί στη συσκευή. Η θέση εντοπισμού georafica, φυσικά, γίνεται μόνο μετά από ρητή συγκατάθεση του ενδιαφερομένου (οι οποίοι θα ενημερωθούν για το αίτημα της ιστοσελίδας να κάνει την παρακολούθηση της θέσης, αίτημα το οποίο θα είναι σε θέση να συναινέσει ή όχι).

Η τοποθεσία που επιστρέφεται από το πρόγραμμα περιήγησης εκφράζεται από τις συντεταγμένες του (γεωγραφικό πλάτος και μήκος), που μπορούν στη συνέχεια να χρησιμοποιηθούν από το JavaScript. Το νέο API Geolocation βασίζεται σε μια νέα ιδιότητα του αντικειμένου navigator: navigator.geolocation.

Για να ελέγξετε αν το πρόγραμμα περιήγησης παρέχει υποστήριξη για αυτά τα νέα API για HTML5 είναι επαρκής, ως εκ τούτου, υπό όρους να πραγματοποιήσετε μια κλήση όπως αυτό:

 αν (navigator.geolocation) {



  



 / / Browser-ready με υποστήριξη για HTML5 geolocation







 Else {}



  



 / / Δεν υπάρχει υποστήριξη για geolocation







 }

Εδώ είναι μερικές απλές κώδικα Javascript (που θα προστεθεί στην κεφαλίδα της σελίδας) για τον εντοπισμό των γεωγραφικών συντεταγμένων του χρήστη:

 αν (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione)?







 Else {}



  



 alert ("Η γεω-εντοπισμός δεν είναι δυνατό»)?







 }









 mia_posizione λειτουργία () {



  



 var lat = position.coords.latitude?



  



 var lon = position.coords.longitude?



  



 document.getElementById («θέσης») innerHTML = "Η θέση σας: '. lat + +', '+ lon?

  





 }

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

Για να δείτε ένα πραγματικό παράδειγμα, κάντε κλικ εδώ .

Λειτουργία GetCurrentPosition ()

Όπως μπορείτε να δείτε αν ο browser σας υποστηρίζει φλέβες getCurrentPosition Geolocation ονομάζεται συνάρτηση () η οποία, στο παράδειγμά μας, ένα επιχείρημα που μεταβιβάζεται ως το επανάκλησης στην επιτυχία.
Στην πραγματικότητα αυτό λειτουργεί παραδέχεται τρεις παραμέτρους:

• επανάκλησης στην επιτυχία?
• Επανάκλησης σε αποτυχία?
• επιλογές:
  • enableHighAccuracy: Σωστό ή λάθος, είναι να ζητήσει τη συσκευή για να στείλετε τη θέση με το υψηλότερο επίπεδο ακρίβειας (attivamndo, για παράδειγμα, η συσκευή GPS)?
  • Χρονικό όριο: μέγιστη διάρκεια της αναμονής για τον εντοπισμό της θέσης (σε χιλιοστά του δευτερολέπτου)?
  • maximumAge: το ανώτατο όριο ηλικίας μετά το οποίο η ανίχνευση πρέπει να εκτελούνται Nuvo εντοπισμού θέσης?

Εδώ είναι ένα παράδειγμα της χρήσης ενός getCurrentPosition () με όλα επιτρέπονται τρεις παραμέτρους:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: ψευδείς})?

 

• <<
• 1
• 2
• 3
• >>