Sfruttare le API di geolocalizzazione di JavaScript
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
Ridurre il reflow ottimizzando il CSS
Gestione CSS in Blazor con .NET 9
Integrare OpenAI tramite Aspire
Utilizzare DeepSeek R1 con Azure AI
Gestire codice JavaScript con code splitting e lazy loading
Gestire gli errori nelle Promise JavaScript con try()
La gestione della riconnessione al server di Blazor in .NET 9
Documentare i servizi REST con Swagger e OpenAPI con .NET 9
Ottimizzare le performance usando Span<T> e il metodo Split
Mischiare codice server side e client side in una query LINQ con Entity Framework
Analizzare il contenuto di una issue con GitHub Models e AI
Gestione delle scrollbar dinamiche in HTML e CSS
