Dall'archivio script > HTML5

Sfruttare le API di geolocalizzazione di JavaScript

di Stefano MostardaStefano Mostarda,

Molti siti oggi necessitano della posizione dell'utente per poter offrire i loro servizi. Se anche nel nostro sito abbiamo questa necessità, dobbiamo ricorrere alle API di geolocalizzazione offerte da JavaScript.
L'utilizzo di queste API è molto semplice. Quello che dobbiamo fare per recuperare la posizione dell'utente è invocare il metodo getCurrentPosition dell'oggetto navigator.geolocation. Questo metodo accetta in input un callback che viene invocato quando il browser ha recuperato la posizione. A sua volta, il callback accetta in input un parametro che rappresenta la posizione dell'utente.
In questo snippet possiamo vedere il codice necessario:

<html>
  <head>
    <script>
      function GetLocation()
      {
        var div = document.getElementById("info");
        if (navigator.geolocation)
          navigator.geolocation.getCurrentPosition(OnPositionRetrieved);
        else
          div.innerHTML = "Geolocation is not supported by this browser.";
      }

      function OnPositionRetrieved(position)
      {
        var div = document.getElementById("info");
        div.innerHTML = "Latitude: " + position.coords.latitude +
          "<br>Longitude: " + position.coords.longitude;
      }
    </script>
  </head>
  <body>
  <input type="button" onclick="GetLocation()"/>
  <div id="info"></div>
  </body>
</html>

Commenti

Visualizza/aggiungi commenti

| Condividi su: LinkedIn, Facebook
Aggiorna

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi