Geografinės su HTML5 ir JavaScript. Integracija su "Google Maps"

Naujos prekės diegiamos su HTML5 yra daug ir kai kurie ypač įdomi. Tarp jų išsiskiria, be abejo, parama geografinės buvimo vietos, kuri gali automatiškai aptikti vartotojo geografinės padėties per naršyklę.

Naudodamiesi geografinės Tiesą sakant, su paramos HTML5 naršyklių gali sekti vartotojo buvimo vietą naudojant priskirtą IP adresą jūsų IPT ryšį, artumą prie ląstelių komunikacijos (mobiliojo ryšio) arba per " GPS antenos gali būti integruotas į prietaisą. Pozicijos nustatymo georafica, žinoma, įvyksta tik po aiškaus suinteresuoto asmens (kuris bus pranešta iš tinklalapio prašymą priimti pozicijos stebėjimo, prašymas, kuris galės sutikimą arba ne).

Vietą grąžino naršyklė yra išreikšti jo koordinates (ilgumą ir platumą), kuris vėliau gali būti naudojama "JavaScript". Naujų geolokacijos API yra grindžiamas naujų nuosavybė navigator objektą: navigator.geolocation.

Siekiant patikrinti, ar naršyklė siūlo paramą šių naujų API HTML5 yra pakankamas, todėl sąlyga, kad, pavyzdžiui, šį kvietimą:

 if (navigator.geolocation) {



  



 / / Naršyklė paruoštas su parama HTML5 geografinės







 Else {}



  



 / / Ne paramą geografinės







 }

Štai keletas paprastų JavaScript kodas (turi būti įterpta į puslapio antraštę) dėl vartotojo geografinių koordinačių nustatymo:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ("GEO-lokalizacija neįmanoma");







 }









 mia_posizione function () {



  



 var lat = position.coords.latitude;



  



 var ilg = position.coords.longitude;



  



 document.getElementById ("vieta") innerHTML = 'Jūsų poziciją: ". LAT + +", "+ ilg;

  





 }

Atsižvelgiant į puslapį kūno ne tik įterpti elemento su ID "pozicija", per kurį vartotojas koordinatės bus parašyta.

Norėdami pamatyti darbo pavyzdys spauskite čia .

GetCurrentPosition function ()

Kaip matote, jei jūsų naršyklė palaiko geografinės getCurrentPosition venų vadinama funkcija (), kuri, mūsų Pavyzdžiui, vienas argumentas perduodamas kaip sėkmės atg.
Tiesą sakant, tai veikia pripažįsta tris parametrus:

• atsakymui į sėkmę;
• Atgalinio ryšio nesėkmės;
• galimybes:
  • enableHighAccuracy: true arba false, yra paprašyti, kad prietaisas siųstų vietą su aukščiausiu tikslumo lygį (attivamndo, pavyzdžiui, GPS);
  • laikas: ilgiausiai laukti pozicijos nustatymo (milisekundėmis);
  • maximumAge: maksimalaus amžiaus, po kurio aptikti turi būti atliekami NUVO pozicijos sekimas;

Štai naudojant getCurrentPosition () su visais trimis parametrais leidžiama pavyzdžiui:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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