Geolocation. Ενα νεο χαρακτηριστικο των browser που η html5 αγαπαει! (Javascript Api)

Ας μιλησουμε λιγο σημερα για ενα νεο χαρακτηριστικο που διαθετουν ολες οι τελευταιες εκδοσεις browser και ονομαζεται Geolocation. Οπως ισως θα καταλαβατε και απο το ονομα προκειται για ενα feature που μπορει να μας δινει τις συντεταγμενες. Θα μου πειτε αυτο πως μπορει να γινει στους υπολογιστες; Απλο , μεσω της Ip address. Στις mobile συσκευες βεβαια γινεται η χρηση του wi-fi ή του gps. Oι συντεταγμενες στις οποιες αναφερομαι ειναι το latitude και το longitude. Θα δουμε λοιπον πως πολυ ευκολα μπορουμε να αποκτησουμε αυτη την πληροφορια και να την περασουμε πχ στο Google maps. Περισσοτερες πληροφοριες σχετικα με το Geolocation μπορειτε να βρειτεεδω.

Ξεκιναμε με τα κλασικα tags της Html και προσθετουμε σε script tag το παρακατω link το οποιο θα μας βοηθησει για τον χαρτη αργοτερα.

Αρχικα ελεγχουμε εαν ο broswer μας εχει αυτo το χαρακτηριστικο μεσω ενος if

Εαν ναι τοτε δημιουργουμε την function displayPosition που ζηταει και παιρνει τις συντεταγμενες απο τον browser. Σε αυτη προσθεσα και οτι χρειαζεται για το Google maps οπως οι επιλογες του χαρτη κλπ.

 

Kαι τελος στο getCurrentPosition (που ειναι το πιο σημαντικο κοματι) περναμε την function που φτιαξαμε προηγουμενως. Προσθεστε ενα stylesheet με τις δικες σας ρυθμισεις για το πως να εμφανιστει ο χαρτης και ειστε ετοιμοι.

Ολοκληρος ο κωδικα θα πρεπει να ειναι καπως ετσι:

Βοηθεια σχετικα με τις ρυθμισεις και γενικα τις επιλογες του google maps μπορειτε να βρειτε εδω. Μπορειτε να δειτε ενα demo εδω

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.