Geolocation cu HTML5 şi javascript. Integrarea cu Google Maps

Produse noi fiind introduse cu HTML5 sunt multe şi unele deosebit de interesante. Printre acestea iese în evidenţă, fără îndoială, sprijin pentru geolocation, care poate detecta automat locaţia geografică a utilizatorului prin intermediul browser-ului.

Utilizarea geolocalizării, în fapt, cu suport pentru browsere HTML5 sunt capabili de a urmări locaţia utilizatorului, folosind adresa de IP atribuită de conexiunea ISP, apropierea de comunicare de celule (pentru conexiune mobila) sau prin intermediul " antena GPS poate fi integrat în dispozitiv. Poziţia de detectare georafica, desigur, are loc numai după acordul explicit al persoanei în cauză (care va fi notificat cu privire la cererea paginii web pentru a face de urmărire a poziţiei, o cerere care va fi capabil de a consimţi sau nu).

Locul de amplasare returnate de browser-ul este exprimată prin coordonatele sale (latitudine şi longitudine), care pot fi apoi utilizate de către JavaScript. Geolocation API noi se bazează pe o nouă proprietate a obiectului de navigare: navigator.geolocation.

În scopul de a verifica dacă browser-ul ofera suport pentru aceste noi API pentru HTML5 este suficientă, prin urmare, condiţionată a efectua un apel ca aceasta:

 dacă (navigator.geolocation) {



  



 / / Browser-gata cu suport pentru HTML5 Geolocation







 Else {}



  



 / / Nr de sprijin pentru Geolocation







 }

Aici este un simplu cod Javascript (care urmează să fie introdus în antetul paginii) pentru detectarea de coordonate geografice utilizatorului:

 dacă (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ('geo-localizare nu este posibilă ");







 }









 mia_posizione function () {



  



 var Lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ("locaţia") innerHTML = 'dvs. poziţia: ". + lat +', '+ Ion;

  





 }

În corpul a paginii nu numai pentru a insera un element cu id-ul "poziţie", în care ghidul de coordonatele vor fi scrise.

Pentru a vedea un exemplu de lucru click aici .

Funcţia GetCurrentPosition ()

După cum puteţi vedea în cazul în care browser-ul dumneavoastra suporta vene getCurrentPosition Geolocation numit funcţia (), care, în exemplul nostru, un argument este trecut ca apel invers asupra succesului.
De fapt, această fabrică recunoaşte trei parametri:

• callback pe succes;
• Callback la eşec;
• opţiuni:
  • enableHighAccuracy: adevărat sau fals, este de a solicita aparatul să expedieze locaţia cu cel mai înalt nivel de acurateţe (attivamndo, de exemplu, dispozitivul GPS);
  • timeout: durata maximă de aşteptare pentru detectarea poziţiei (în milisecunde);
  • maximumAge: vârsta maximă, după care de detectare trebuie să fie efectuate Nuvo de urmărire a poziţiei;

Iată un exemplu de a folosi un getCurrentPosition (), cu toate cele trei parametri permise:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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