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
Gestire liste di tipi semplici con Entity Framework Core
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Semplificare il deployment di siti statici con Azure Static Web App
Code scanning e advanced security con Azure DevOps
Effettuare il binding di date in Blazor
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Migrare una service connection a workload identity federation in Azure DevOps
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Generare file PDF da Blazor WebAssembly con iText
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Generare file per il download da Blazor WebAssembly
Determinare lo stato di un pod in Kubernetes