Pubblicato da Il concetto di geolocalizzazione al giorno d'oggi è noto a tutti.
Si è partiti con i gps classici, fino ad avere queste funzionalità ormai in tutti i dispositivi mobili.
Se poi si naviga qualche sito internet, capita anche di imbattersi in siti che sono in grado di indivduare l'esatta posizione del visitatore.
Se sei interessato a sapere come riconoscere la posizione di un navigatore sul tuo sito, le coordinate satellitari esatte, continua a leggere questo post.
Grazie ad uno script javascript che ti andrò ad illustrare, che funziona praticamente con tutti i browser più recenti, ti sarà possibile ottenere e mostrare a video le coordinate geografiche del visitatore.
I possibili utilizzi di queste informazioni possono essere infiniti, tutto sta alla tua immaginazione.
Come riconoscere la posizione geografica di un visitatore di un sito web in Javascript
Vediamo subito lo script che consente di effettuare la geolocalizzazione javascript:
<html>
<head>
<title>Geolocalizzazione Javascript</title>
<script type="text/javascript">
function localizza()
{
var idloc=null;
localizzaok = function(position)
{
alert("Latitudine: "+position.coords.latitude+", Longitudine: "+position.coords.longitude);
navigator.geolocation.clearWatch(idloc);
}
idloc=navigator.geolocation.watchPosition(localizzaok);
}
</script>
</head>
<body>
<a href="javascript:localizza();">Clicca per sapere la tua posizione</a>
</body>
</html>
Copiando ed incollando questo codice in una nuova pagina html, potrai testare con tua mano come funziona la geolocalizzazione html / javascript.
Da notare che, cliccando sul tasto per avviare lo script, il browser ti chiederà il consenso di passare la tua posizione alla pagina web.
Questo perchè è un diritto del visitatore, il voler rimanere anonimo anche per quanto riguarda la propria posizione gps.
Nello specifico comunque, la funzione navigator.geolocation.watchPosition tenta di individuare la posizione del visitatore.
Poi con la funzione navigator.geolocation.clearWatch si blocca la chiamata a questa Geolocation Api che girano intorno al fantastico mondo dell'html5.
Piaciuto l'articolo? Lascia un commento!
EmoticonEmoticon