Geolocation s HTML5 a JavaScript. Integrácia s Google Maps

Nové výrobky, ktoré sú zavedené HTML5 je veľa a niektoré zvlášť zaujímavé. Medzi nimi vyniká, nie je pochýb o tom, podporu Geolocation, ktorý dokáže automaticky zistiť geografickú polohu užívateľa prostredníctvom webového prehliadača.

Pomocou Geolocation, v skutočnosti s podporou prehliadača HTML5 sú schopní sledovať polohu užívateľa pomocou IP adresy pridelené vaše pripojenie k internetu, mobilnej komunikácie blízkosti (mobilné pripojenie) alebo cez " GPS anténa môže byť integrovaný do zariadenia. Snímanie polohy georafica, avšak dochádza až po výslovného súhlasu dotknutej osoby (kto bude informovaný o žiadosti webové stránky, aby sledovanie polohy, žiadosti, ktorá bude schopná dať súhlas, alebo nie).

Miesto sa vrátil v prehliadači je vyjadrený jej súradnice (zemepisná šírka a dĺžka), ktoré potom môžu byť použité JavaScript. Nová Geolocation API je založená na novom objekte navigátor: navigator.geolocation.

Aby bolo možné skontrolovať, či je prehliadač ponúka podporu pre tieto nové API pre HTML5 je dostačujúca, preto podmienkou volať takto:

 if (navigator.geolocation) {



  



 / / Prehliadač pripravený s podporou HTML5 Geolocation







 Else {}



  



 / / No podporu Geolocation







 }

Tu je niekoľko jednoduchých Javascript kód (je nutné vložiť do hlavičky stránky) pre detekciu užívateľa zemepisných súradníc:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ("geo-lokalizácia nie je možná);







 }









 mia_posizione function () {



  



 var = lat position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ("umiestnenie") innerHTML = 'Vaša pozícia: ". lat + +", "+ lon;

  





 }

V tele stránky nielen vložiť element s id "pozície", v ktorom bude užívateľ súradnice zapísať.

Ak chcete vidieť funkčné príklad tu .

GetCurrentPosition function ()

Ako môžete vidieť, ak váš prehliadač podporuje žily Geolocation getCurrentPosition volanie funkcie (), ktorá v našom prípade je jeden argument odovzdaný ako volanie na úspech.
V skutočnosti to funguje priznáva tri parametre:

• spätné volania na úspech;
• Spätné volanie pri zlyhaní;
• možnosti:
  • enableHighAccuracy: true alebo false, je požiadať zariadenie, do miesta s najvyššou úrovňou presnosti (attivamndo, napríklad zariadenia GPS);
  • Časový limit: Maximálna doba čakania na detekciu polohy (v milisekundách);
  • maximumAge: maximálny vek, po ktorom musí byť vykonaná detekčný NUVO sledovanie polohy;

Tu je príklad použitia getCurrentPosition () sa všetky tri povolené parametre:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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