..
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 .
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:
Zde je příklad použití getCurrentPosition () se všechny tři povolené parametry:
navigator.geolocation.getCurrentPosition (
success_callback, error_callback, {enableHighAccuracy: false});
| |
CSS (kurz)
Web Design a přístupnosti podle W3C CSS a XHTML. Od 29 €. |
| |
HTML (kurz)
Značkovací jazyk pro web od 29 €. |
| |
JavaScript (kurz)
Kompletní průvodce pro skriptování na straně klienta. Od 39 €. |