Geolocation s HTML5 i JavaScript. Integracija s Google Maps

Novi proizvodi koje se uvode s HTML5 su mnogi, a neki posebno zanimljiv. Među njima se ističe, nema sumnje, podršku za Geolocation, koji se može automatski detektirati korisnikovu zemljopisnu lokaciju preko preglednika.

Koristeći Geolocation, u stvari, s podrškom za HTML5 preglednicima mogu pratiti lokaciju korisnika koristeći IP adresa dodijeljena od strane ISP-veze, blizina komunikacije stanica (mobilnih veza) ili putem ' GPS antena može biti integriran u uređaj. Položaj otkrivanje georafica, naravno, događa tek nakon izričitog pristanka dotične osobe (koji će biti obaviješten o zahtjevu web stranice kako bi praćenje položaja, zahtjev koji će biti u mogućnosti da pristanak ili ne).

Mjesto vraća preglednik izražava svoje koordinate (zemljopisnu širinu i dužinu) koji se zatim mogu koristiti JavaScript. Novi Geolocation API temelji se na novom posjedu Navigator objekta: navigator.geolocation.

Kako bi provjerili je li preglednik nudi podršku za ove nove API za HTML5 je dovoljno, dakle, uvjetno upućivanje poziva kao što je ovaj:

 if (navigator.geolocation) {



  



 / / Browser spreman s podrškom za HTML5 Geolocation







 Else {}



  



 / / Ne podršku za Geolocation







 }

Evo nekoliko jednostavnih JavaScript kôd (će biti umetnuta u zaglavlju stranice) za detekciju korisnika geografske koordinate:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ('geo-lokalizacije nije moguće');







 }









 mia_posizione funkcija () {



  



 var lat = position.coords.latitude;



  



 var LON = position.coords.longitude;



  



 document.getElementById ('mjesto') innerHTML = 'Vaša pozicija: ". + + lat', '+ LON;

  





 }

U tijelu stranice se ne samo za umetanje elementa sa ID-om "pozicija" u kojem se korisnik koordinate će biti napisana.

Da biste vidjeli primjer rada kliknite ovdje .

GetCurrentPosition funkcija ()

Kao što možete vidjeti ako vaš preglednik podržava Geolocation getCurrentPosition vene naziva funkcija () koja u našem primjeru, jedan argument je prošao kao povratni poziv o uspjehu.
Zapravo to radi priznaje tri parametra:

• povratni poziv o uspjehu;
• Povratni poziv na neuspjeh;
• opcije:
  • enableHighAccuracy: točno ili netočno, da je zahtjev za slanje mjesto s najvišom razinom točnosti (attivamndo, na primjer, GPS uređaj);
  • timeout: maksimalno trajanje čekanja za otkrivanje položaja (u milisekundama);
  • maximumAge: maksimalna starost, nakon čega otkrivanja mora biti izvedena nuvo položaj praćenje;

Ovdje je primjer korištenja getCurrentPosition () sa sva tri parametra dopušteno:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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