Wallmander.net

Efter positiv respons från mitt föregående inlägg angående om HTML5 tänkte jag med detta inlägg ta upp ytterligare saker som man kan göra med HTML5 med eller utan kombination med CSS3.

När jag hade lite tid över idag slängde jag ihop en liten och rätt praktisk funktion för alla som har noll lokalsinne, men som kan läsa en Google Maps-karta. Det jag har snickrat ihop är, för den som inte har listat ut det, en funktion med hjälp av webbläsaren kan få  latitud och longitud på den position som datorn tror sig befinna sig. Detta är möjligt då den kan kolla upp om var en eller flera IP-nummer befinner sig geografiskt och därmed positionera in datorn med hjälp av dessa. Sitter man exempelvis på ett Café med trådlöst nätverk är det troligt att det finns en databas som vet Caféts IP-nummer och har koordinaterna till platsen. Om datorn upptäckt och uppkopplad mot nätverket är det tillräckligt för att webbläsaren ska kunna lista ut var du befinner dig. Dessutom kan webbläsaren med hjälp av andra omgivande trådlösa nätverk räkna ut en mer exakt position. Om datorn eller telefonen är utrustad med en GPS kan webbläsaren förstås också använda sig av den för att räkna ut sin position. För den som är intresserad av mer djupgående förklaring på hur det fungerar har about.com skrivit en artikel om ämnet.

Innan man bör ge sig på att testa min GEOLocation-sida nedan bör man ha läst om när, var och hur information om sin position ges ut. En sammanfattning av informationen är kort och gott att din position delas aldrig ut utan ditt samtycke och webbläsaren tar heller inte reda på positionen utan ditt samtycke.

Nu till det roliga. Enda kravet, bortsett från en fungerande Internetuppkoppling, för att min GEOLocation-sida ska fungera är att använda  en vettig webbläsare på sin datorn.  De webbläsare som i dagsläget fungerar bäst i är senaste versionen av antingen FireFox, Google Chrome, Safari på iPhone eller valfri Android-telefon.

Klicka här för att komma till GEOLocation-sidan.

För de olyckligt lottade som har en mindre bra webbläsare får nöja sig med ett exempel som är bilen ovan.

Här nedan kommer koden som jag använder för GEOLocation-sidan. Jag har markerat de rader som jag tror är mest intressanta i koden. Läs mer…