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
Usare gateway dedicati con Azure Cosmos DB per migliorare le prestazioni
Modernizzare le applicazioni WPF e Windows Forms con Blazor
Dichiarare una variabile in JavaScript con le parole chiave var, let e const
Mostrare una preview durante l'upload di un'immagine in Blazor
Utilizzare il browser per rilevare Javascript e CSS non utilizzati nel codice
Ottimizzare serializzazione e deserializzaione tramite le options con System.Text.Json
Creare Higher-Order functions in JavaScript
Organizzare il codice JavaScript utilizzando i moduli
Dependency Injection e custom validator in Blazor con .NET 7.0
Produttività con ASP.NET Core 6
Centrare elementi in HTML tramite CSS
Creare un router per Single Page Application con l'evento navigate
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Migliorare la scalabilità di ASP.NET Core 7 grazie all'output cache
- .NET Conference Italia 2022 - Milano e Online
- Ottenere il riferimento alla finestra che ha aperto un'altra finestra con HTML5 e JavaScript