Cuprins
API de geolocalizare nu face parte din standardul HTML5Cu toate acestea, este strâns legat, deoarece datorită HTML5 putem încorpora mai ușor funcționalitățile sale.geolocalizare ne permite să localizăm prin coordonate poziția aproximativă a sistemului sau echipamentului din care utilizatorul accesează resursa, pagina sau documentul web de unde am implementat API-ul.
Obțineți poziția actuală
Aceasta este probabil una dintre cele mai utile utilizări pe care le putem da acestui API, deoarece, permițându-ne să localizăm terminalul care accesează paginile noastre, putem invoca conținut regional, poate oferi publicitate mai eficient sau pur și simplu să generăm statistici în funcție de locație. un mod mai direct, fără a depinde de terți.
Pentru a obține coordonatele de locație depindem de următoarea metodă:
getCurrentPosition (callback, errorCallback, opțiuni)
Această metodă obține poziția curentă a sistemului care intră în pagină, nu este făcută pentru a returna direct un rezultat, cu toate acestea îi putem trece o altă funcție în care pregătim datele cu ceea ce putem primi din metodă.
Să vedem următorul cod, astfel încât să înțelegem o parte din modul de implementare a acestei funcționalități:
Operațiunea este simplă, obiect navigator Vă spunem că trebuie să accesați proprietățile sale de geolocalizare, începând cu metoda getCurrentPosition (), la aceasta trecem o funcție ca argument care este cel care stabilește diferitele opțiuni care trebuie inițializate și le iau valorile.
Permisiuni pentru geolocalizare
Deoarece acest lucru poate fi puțin invaziv cu confidențialitatea utilizatorilor, atunci când invocăm diferitele metode de geolocalizare Este posibil ca browserul să solicite utilizatorului permisiunea de a-și transmite poziția, deci este posibil să nu obținem toate datele în acest moment cu acest API.
În funcție de dispozitiv, API-ul poate utiliza resurse diferite pentru a obține poziția, poate utiliza GPS-ul încorporat, rețelele WI-FI, în cele din urmă poate utiliza adresa IP și, datorită acestuia, stabilește relația furnizorului nostru de servicii și dați o estimare a locației utilizatorului.
Exemplu aplicat
Să vedem codul în HTML Pentru a utiliza metoda pe care am descris-o mai sus:
Exemplu
| Lungime: | - | Latitudine: | - |
|---|---|---|---|
| Altitudine: | - | Precizie: | - |
| Precizie de altitudine: | - | Titlu: | - |
| Viteză: | - | Timp: | - |
Acum vedem cum browserul solicită autorizarea noastră pentru a furniza datele locației noastre:
