Sfruttare le funzionalità di geolocalizzazione in HTML5
Esistono molteplici scenari in cui un'applicazione ha l'esigenza di conoscere la posizione geografica del dispositivo connesso: la ricerca dei punti vendita più vicini, il calcolo dei percorsi stradali per raggiungere la sede di un'azienda, agevolare le interazioni tra gli utenti nell'ambito di community e social network, ecc.
Fino a oggi queste funzionalità sono state implementate richiedendo all'utente l'immissione di un codice di avviamento postale o di un indirizzo, oppure tramite l'uso di un motore di ricerca guidato per la selezione di una località o indicando esplicitamente la posizione su una mappa.
Queste soluzioni non sono sempre semplici da realizzare; pensiamo ad esempio al classico popolamento a cascata mediante AJAX degli elenchi di regioni, province e città che necessita di una discreta quantità di codice, sia lato client che lato server e di un database costantemente aggiornato. Allo stesso tempo l'esperienza utente che viene fornita non è particolarmente entusiasmante: la compilazione manuale di campi o la selezione da elenchi a discesa è un'operazione piuttosto noiosa e soggetta a errori.
Geolocation API
Con l'introduzione delle API per la geolocalizzazione tutti questi processi si semplificano notevolmente, sia per lo sviluppatore che per l'utente finale. Il W3C ha infatti formalizzato in una serie di specifiche le funzionalità per conoscere automaticamente la posizione del dispositivo connesso e le ultime versioni di tutti i principali browser (Internet Explorer, FireFox, Chrome, Safari e Opera) supportano pienamente la geolocalizzazione.
Le specifiche complete sono gestite dal W3C (non da WHATWG per cui, in senso rigoroso, non sono propriamente parte di HTML5) e sono disponibili all'indirizzo http://www.w3.org/TR/geolocation-API/.
Per tutelare la privacy dell'utente ai browser viene imposto di richiedere esplicitamente il consenso per il rilevamento della posizione; la figura seguente mostra i diversi avvisi presentati all'utente nei principali browser.
Figura 1 – Richiesta dell'autorizzazione per la geolocalizzazione nei principali browser.
Le API per la geolocalizzazione espongono due semplici metodi per determinare la posizione dell'utente:
- getCurrentPosition per ricavare in modo asincrono le coordinate attuali;
- watchPosition analogo al precedente ma in grado di determinare la posizione in modo da conoscere in tempo reale gli eventuali spostamenti di un dispositivo mobile; l'osservazione della posizione può essere interrotta invocando il metodo clearWatch.
Sul sito MSDN è disponibile la documentazione dettagliata, riferita a Internet Explorer ma, trattandosi di API standard del W3C, in realtà valida per tutti i browser.
Più avanti vedremo nel dettaglio il codice JavaScript completo per ottenere la posizione del dispositivo e visualizzarla su una mappa.
Contenuti dell'articolo
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Disabilitare automaticamente un workflow di GitHub (parte 2)
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Generare la software bill of material (SBOM) in GitHub
Utilizzare QuickGrid di Blazor con Entity Framework
Le novità di Angular: i miglioramenti alla CLI
Installare le Web App site extension tramite una pipeline di Azure DevOps
Eseguire operazioni sui blob con Azure Storage Actions
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Aggiungere interattività lato server in Blazor 8
Creare una libreria CSS universale: Clip-path
Generare velocemente pagine CRUD in Blazor con QuickGrid
Usare i servizi di Azure OpenAI e ChatGPT in ASP.NET Core con Semantic Kernel
Top Ten Articoli
- Realizzare una Progressive Web Application con Blazor e ASP.NET Core
di Giampaolo Tucci - Gestire le chiamate a servizi esterni in ASP.NET Core e Blazor tramite Polly
di Morgan Pizzini - Usare gRPC come infrastruttura per i nostri servizi web
di Morgan Pizzini - Abilitare e gestire il prerendering nelle applicazioni Blazor WebAssembly
di Marco De Sanctis - Creare API GraphQL con ASP.NET Core e HotChocolate
di Moreno Gentili - Le novità di Blazor in .NET 6.0
di Morgan Pizzini - Blazor e il pattern Model-View-ViewModel
di Giampaolo Tucci - Le novità in ASP.NET Core e Blazor con .NET 7
di Morgan Pizzini - Introduzione a Blazor WebAssembly
di Marco De Sanctis, Moreno Gentili - Le novità di ASP.NET Core 5
di Marco De Sanctis
Articoli via e-mail
Iscriviti alla nostra newsletter nuoviarticoli per ricevere via e-mail le notifiche!
In primo piano
I più letti di oggi
- Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
- Eseguire script pre e post esecuzione di un workflow di GitHub
- Creare una libreria CSS universale: Cards
- Migliorare l'organizzazione delle risorse con Azure Policy
In evidenza
- Il meglio della settimana
- Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
- Eseguire script pre e post esecuzione di un workflow di GitHub
- Creare una libreria CSS universale: Cards
- Migliorare l'organizzazione delle risorse con Azure Policy
- Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
- Leggere la posta usando il protocollo IMAP tramite la libreria MailKit
- Eseguire una ricerca avanzata per recuperare le issue di GitHub