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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Creare una custom property in GitHub
Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
Scrivere selettori CSS più semplici ed efficienti con :is()
Disabilitare le run concorrenti di una pipeline di Azure DevOps
Gestione file Javascript in Blazor con .NET 9
Gestione degli stili CSS con le regole @layer
Gestione dei nomi con le regole @layer in CSS
Managed deployment strategy in Azure DevOps
Configurare e gestire sidecar container in Azure App Service
Fornire parametri ad un Web component HTML
Filtrare i dati di una QuickGrid in Blazor con una drop down list