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
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Configurare policy CORS in Azure Container Apps
Le novità di Angular: i miglioramenti alla CLI
Utilizzare Tailwind CSS all'interno di React: primi componenti
Migrare una service connection a workload identity federation in Azure DevOps
Eseguire operazioni sui blob con Azure Storage Actions
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Eseguire attività pianificate con Azure Container Jobs
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Top Ten Articoli
- Blazor e il pattern Model-View-ViewModel
di Giampaolo Tucci - Le novità in ASP.NET Core e Blazor con .NET 7
di Morgan Pizzini - 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 - Creare API GraphQL con ASP.NET Core e HotChocolate
di Moreno Gentili - Usare gRPC come infrastruttura per i nostri servizi web
di Morgan Pizzini - Introduzione a Blazor WebAssembly
di Marco De Sanctis, Moreno Gentili - Utilizzare scene 3D in Windows Presentation Foundation
di Marco Leoncini - Abilitare e gestire il prerendering nelle applicazioni Blazor WebAssembly
di Marco De Sanctis - 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
- C# 4
- Spaziatura tra i caratteri in Silverlight 5
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Segui in tempo reale il TechEd 2004
- da oggi è possibile fare login velocemente con LinkedIn e Google. a questi si aggiunge il supporto già attivo per Facebook, Twitter, Microsoft Account, Windows Hello e OpenID, per darvi sempre più possibilità di accedere semplicemente alla nostra community! #aspitalia
- Migrare una service connection a workload identity federation in Azure DevOps
- Evitare postback multipli in un UpdatePanel
In evidenza
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Disabilitare automaticamente un workflow di GitHub (parte 2)
- Ottimizzazione dei block template in Angular 17
- Utilizzare il trigger SQL con le Azure Function
- Paginare i risultati con QuickGrid in Blazor
- Come EF 8 ha ottimizzato le query che usano il metodo Contains
- Evitare (o ridurre) il repo-jacking sulle GitHub Actions
- Definire stili a livello di libreria in Angular