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
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Reactive form tipizzati con FormBuilder in Angular
Load test di ASP.NET Core con k6
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
.NET Conference Italia 2023
Sfruttare lo streaming di una chiamata Http da Blazor
Usare lo spread operator con i collection initializer in C#
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Gestire liste di tipi semplici con Entity Framework Core
Creazione di componenti personalizzati in React.js con Tailwind CSS
Usare le variabili per personalizzare gli stili CSS
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
I più letti di oggi
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- ASP.NET 3.5 per tutti
- .NET Conference Italia 2023 - Milano e Online
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare Docker Compose con Azure App Service
- Creare più ambienti in un'applicazione Angular