..


Sponzorované odkazy

Geolocation s HTML5 a JavaScript. Integrace s Google Maps

Článek napsal Max Bossi
Strana 1 z 3

Nové výrobky, které jsou zavedeny HTML5 je mnoho a některé zvlášť zajímavé. Mezi nimi vyniká, není pochyb o tom, podporu Geolocation, který dokáže automaticky zjistit geografickou polohu uživatele prostřednictvím webového prohlížeče.

Pomocí Geolocation, ve skutečnosti s podporou prohlížeče HTML5 jsou schopni sledovat polohu uživatele pomocí IP adresy přidělené vaše připojení k internetu, mobilní komunikace blízkosti (mobilní připojení) nebo přes " GPS anténa může být integrován do zařízení. Snímání polohy georafica, ovšem dochází až po výslovného souhlasu dotčené osoby (kdo bude informován o žádosti webové stránky, aby sledování polohy, žádosti, která bude schopna dát souhlas, nebo ne).

Místo se vrátil v prohlížeči je vyjádřen její souřadnice (zeměpisná šířka a délka), které pak mohou být použity JavaScript. Nová Geolocation API je založena na novém objektu navigátor: navigator.geolocation.

Aby bylo možné zkontrolovat, zda je prohlížeč nabízí podporu pro tyto nové API pro HTML5 je dostačující, proto podmínkou volat takto:






 if (navigator.geolocation) {



  



 / / Prohlížeč připraven s podporou HTML5 Geolocation







 Else {}



  



 / / No podporu Geolocation







 }



Zde je několik jednoduchých Javascript kód (je nutné vložit do záhlaví stránky) pro detekci uživatele zeměpisných souřadnic:






 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ("geo-lokalizace není možná);







 }









 mia_posizione function () {



  



 var = lat position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ("umístění") innerHTML = 'Vaše pozice: ". lat + +", "+ lon;

  





 }



V těle stránky nejen vložit element s id "pozice", ve kterém bude uživatel souřadnice zapsat.

Chcete-li vidět funkční příklad zde .

GetCurrentPosition function ()

Jak můžete vidět, pokud váš prohlížeč podporuje žíly Geolocation getCurrentPosition volání funkce (), která v našem případě je jeden argument předán jako volání na úspěch.
Ve skutečnosti to funguje přiznává tři parametry:

  • zpětné volání na úspěch;
  • Zpětné volání při selhání;
  • možnosti:
    • enableHighAccuracy: true či false, je požádat zařízení, do místa s nejvyšší úrovní přesnosti (attivamndo, například zařízení GPS);
    • Časový limit: Maximální doba čekání na detekci polohy (v milisekundách);
    • maximumAge: maximální věk, po kterém musí být provedena detekční NUVO sledování polohy;

Zde je příklad použití getCurrentPosition () se všechny tři povolené parametry:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 
Ve stejné kategorii ...
E-Learning
CSS (kurz) CSS (kurz)
Web Design a přístupnosti podle W3C CSS a XHTML. Od 29 €.
HTML (kurz) HTML (kurz)
Značkovací jazyk pro web od 29 €.
JavaScript (kurz) JavaScript (kurz)
Kompletní průvodce pro skriptování na straně klienta. Od 39 €.
Sponzorované odkazy