Strona główna > Internet Explorer > IE 11 DEV–emulator geolokalizacji

IE 11 DEV–emulator geolokalizacji

Od dawna przeze mnie oczekiwana funkcja pojawiła się w narzędziach dla programistów IE 11 – czyli emulator geolokalizacji – możliwość zdefiniowania dowolnych koordynatów (wysokość, szerokość geograficzna) i sprawienie, że Nasz kod będzie myślał, że tam właśnie jest użytkownik.

Najpierw napiszemy fragment kodu, który wykorzystuje mechanizm do lokalizowania użytkownika na podstawie JavaScript i zbudowanych mechanizmów z HTML5:

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
        <script>

            function success(arg) {
                var znacznik = document.getElementById('pozycja');
                znacznik.innerText = arg.coords.latitude + " " + arg.coords.longitude;
            }

            function error(err) {
                console.error(err);
            }

            function lokalizowanie() {

                if (navigator.geolocation) {
                    console.info('funkcja jest wspierana')
                    navigator.geolocation.getCurrentPosition(success, error);
                } else {
                    console.error('funkcja nie jest wspierana');
                }
            }


        </script>

        <p id="pozycja"></p>

        <button onclick="lokalizowanie()">Lokalizowanie</button>
                
    </body>
</html>

 

Tworzę przycisk podpięty do funkcji odpowiedzialnej za lokalizowanie oraz miejsce do prezentacji danych (znacznik p).

Funkcja do geolokalizacji prosi o policzenie jej I przekazuje sterowanie do jednej z dwóch funkcji – sukcesu albo błędu. W funkcji sukcesu widzimy, że dostajemy obiekt z lokalizacją, a dane ukryte są w podobiekcie coords.

Ważne jest by zapamiętać, że przeglądarka ma obowiązek zapytać użytkownika czy wyraża zgodę na zlokalizowanie siebie (okienko na dole z pytaniem)

image

W momencie wyrażenia zgody otrzymujemy lokalizacje w znaczniku p:

image

Teraz przejdźmy na zakładkę ostatnią w narzędziach dla programistów IE i wpiszmy swoje wymyślone dane dla wysokości i szerokości geograficznej:

image

Działa!

  1. Brak komentarzy.
  1. No trackbacks yet.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s

%d blogerów lubi to: