Usare Bing Maps SDK nelle Windows Store app in XAML
Come più volte abbiamo introdotto nei nostri articoli, la versatilità di Windows 8 è essere un sistema operativo per desktop ma anche quella di orientarsi molto all'utilizzo su tablet. Questo si riflette direttamente su WinRT, il framework che abbiamo a disposizione per scrivere le Windows Store application. Il tablet è un dispositivo portabile e come tale può essere trasportato con se durante tutti gli spostamenti. Questo aspetto diventa una potenzialità per arricchire le nostre app grazie a API di geolocalizzazione in accoppiamento all'uso di mappe geografiche.
In stile Microsoft, in parallelo al framework ci è stato messo a disposizione un SDK per integrare le mappe Bing con un insieme di funzionalità molto interessanti e facili da usare.
Vediamo come.
Bing Maps SDK: il controllo Map
Il primo step da compiere è quello di scaricare l'SDK dal sito ufficiale, oppure di installarlo direttamente attraverso il pannello Extensions and Updates raggiungibile dal menu Tools.
Dopo l'installazione possiamo aggiungere le reference ad un nostro progetto, come possiamo vedere nell'immagine seguente.
Poichè la libreria è un controllo nativo è dipendente da VCLibs, il Visual C++ runtime appunto. La reference viene aggiunta anche se non lo selezioniamo esplicitamente.
I template di base dei progetti Windows Store app hanno l'impostazione di compilazione a Any CPU come platform, in modo che sia il JIT a caricare il codice conforme alla piattaforma che richiede l'esecuzione. Poichè c'è bisogno di codice nativo e in C++ non abbiamo questa possibilità, per poter compilare il nostro progetto dobbiamo scegliere esplicitamente una delle piattaforme x86, x64 o ARM.
Questo significa che se vogliamo rendere disponibile la nostra applicazione a tutte e tre le piattaforme dobbiamo preparare tre pacchetti separati e pubblicarli nello store.
Dopo questa operazione possiamo usare il controllo Map dichiarando come di consueto il relativo namespace xaml.
Esempio - XAML
xmlns:maps="using:Bing.Maps"
<maps:Map x:Name="map"
ZoomLevel="16"
ShowNavigationBar="True"
Credentials="">
<maps:Map.Center>
<maps:Location Latitude="40.759149"
Longitude="-73.9850" />
</maps:Map.Center>
<maps:Map.Children>
<maps:Pushpin Text="NYC" Background="GreenYellow">
<maps:MapLayer.Position>
<maps:Location Latitude="40.759149"
Longitude="-73.9850" />
</maps:MapLayer.Position>
</maps:Pushpin>
</maps:Map.Children>
</maps:Map>
Il codice dell'esempio ci presenta già molte caratteristiche e funzioni di base del controllo: Center, Children, Pushpin, Location, MapLayer e soprattutto Credentials.
Nell'immagine, infatti, possiamo vedere come abbiamo centrato la mappa alle coordinate volute con l'oggetto Location, in corrispondenza di cui abbiamo aggiunto un oggetto grafico Pushpin di colore verde. Ma sopra questi elementi appare in primo piano un messaggio che ci informa che le credenziali immesse non sono valide, vediamo cosa significa e come dobbiamo gestire queste credenziali.
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
Routing statico e PreRendering in una Blazor Web App
Usare il colore CSS per migliorare lo stile della pagina
Miglioramenti agli screen reader e al contrasto in Angular
Code scanning e advanced security con Azure DevOps
Criptare la comunicazione con mTLS in Azure Container Apps
Utilizzare Tailwind CSS all'interno di React: primi componenti
Installare le Web App site extension tramite una pipeline di Azure DevOps
Ordine e importanza per @layer in CSS
Eseguire le GitHub Actions offline
Usare le navigation property in QuickGrid di Blazor
.NET Conference Italia 2024
Generare la software bill of material (SBOM) in GitHub
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
- Creare una libreria CSS universale: Cards
- Eseguire script pre e post esecuzione di un workflow di GitHub
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