A ‘HTML5 Geolokáció’ kategória archívuma
Update1: Az első példánál, normális, ha üres képernyőt kapsz, azt jelenti, minden rendben. A második példánál, adjatok időt az oldalnak, működik, csak lassan. Még nem jöttem rá mi okozza a lassulást. A harmadik példa a google maps-től függően gyors vagy lassú.
Mi is az a Geolokáció? Nos, a HTML5 hozománya, a GeoLocation modul segítségével visszakaphatjuk a weboldalt megjelenítő eszköz (számítógép, tablet, mobil, stb.) földrajzi pozícióját. Ezt továbbküldhetjük akár a Google Maps-re. A dolog szépséghibája csupán annyi, hogy nincs meghatározva, hogy mivel határozzuk meg ezt a helyzetet. Az eszközbe épített GPS-el, cellainformációk alapján, IP cím alapján, stb. Amennyiben, a technikai specifikáció a végleges változatban kicsit konkrétabban meghatározza ezt, akkor valóban nagyon hasznos és gyors elterjedésű eszközt kapunk készhez. Addig is érdemes vele, mint érdekességgel foglalkozni. Sajnos egyenlőre tapasztalataim alapján ha nincs GPS modul az eszközben, akkor nagyjából 35-50km pontossággal tudja a helyzetünket meghatározni, de tapasztaltam 200km-es eltéréseket is. Akkor kezdjünk is bele.
A böngésző ellenőrzése
Nézzük meg elsőnek, hogy hogyan tudjuk ellenőrizni, hogy böngészőnk támogatja-e ezt az új eszközt. Az alábbi kód semmi mást nem csinál, mint lekérdezi, hogy a böngészőnk képes-e a geolokációra, amennyiben nem, akkor azt egy hibajelzéssel tudatja velünk, ha képes rá akkor egy üres képernyőt kapunk. Tovább olvasom »
Update1
A működő kód itt elérhető/kipróbálható. What is My IP? Ezt ide fel kellett hoznom, mert rengetegen keresik.
Mielőtt elmerülnénk a geolokációban egy kis visszatekintésre szeretnélek elvinni benneteket. Ebben a cikkben megnézzük, hogy a böngésző és a felhasználó egyéb adatait régen hogy is kérdeztük le. Erre legfőképp a user agent volt segítségünkre.
A user agent (felhasználói ügynök) olyan kliensalkalmazás, amely egy elosztott kliens-szerver rendszer kommunikációjában használt hálózati protokollt valósít meg. Leggyakrabban a World Wide Webet elérő alkalmazások (webböngészők, keresőrobotok stb.) esetében használják. A Böngészők továbbítják az User Agent-et a webszervernek, amely leírja a kliens hardver platformját, az operációs rendszerét, a böngésző típusát és verzióját valamint a nyelvi beállításait.
Böngésző adatai
Legegyszerűbben JavaScript segítségével tudunk hozzájutni ezekhez az adatokhoz. Méghozzá a navigator objektum alkalmazásával nyerhetjük ki a megfelelő adatokat. Mindez akkor hasznos, ha ezeket felhasználjuk JavaScript programjaink írásakor, hiszen az eltérő JavaScript parancsértelmezés miatt problémáink adódhatnak a fejlesztés során, amit így könnyebb lekezelni.
A navigator objektum elemváltozóit és elemfüggvényeit közvetlenül megszólíthatjuk.
Nézzük az egyes elemeket: Tovább olvasom »