Le mappe sono uno dei punti di forza di Microsoft Windows Phone e dei Nokia Lumia, grazie alla cartografia HERE Maps. Nel corso del webinar impareremo a sfruttare tali mappe all'interno di un'applicazione e ad usarle in combinazione con i servizi di geolocalizzazione offerti dal dispositivo. / Maps are one of the strengths of the Microsoft Windows Phone platform and Nokia Lumia phones, thanks to HERE Maps (formerly Nokia Maps). In this webinar, you’ll learn how to exploit such maps within an application and how to use them in combination with geo-location services offered by the phones.

1. ITALIAN WEBINAR #5
COSTRUIRE APPLICAZIONI GEOLOCALIZZATE
Marco Dal Pino
Nokia Developer Champion
Microsoft MVP – Client Development
Senior Mobile Dev @ DPCons

2. AGENDA
•
•
•
•
•
•
Visualizziamo una mappa
Aggiungiamo le Proprietà
Aggiungere Grafica sulla mappa
Iniziamo a divertirci
Usiamo i Launcher
I launcher di Here e gli URI scheme
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

3. VISUALIZZIAMO
UNA MAPPA
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

4. VECCHIO E NUOVO
Bing Maps Control sono supportati per compatibilità ma DEPRECATI
Non esiste più la proprietà ZoomBarVisibility e la classe PushPin.
Sostituite da altre proprietà e modalità di fare «overlay» di grafica
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

5. CREIAMO LA PRIMA MAPPA
•
•
Aggiungere la capability ID_CAP_MAP al WMAppManifest
Aggiungere la reference all’assembly: Microsoft.Phone.Maps.Controls
Aggiungere la dichiarazione allo XAML:
•
xmlns:maps="clr-namespace:Microsoft.Phone.Maps.Controls;assembly=Microsoft.Phone.Maps“
•
Per aggiungerla via XAML:
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

6. VIA XAML
<phone:PhoneApplicationPage
...
xmlns:maps="clr-namespace:Microsoft.Phone.Maps.Controls;assembly=Microsoft.Phone.Maps"
...>
...
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1">
<maps:Map x:Name="MyMap"/>
...
</Grid>
...
</phone:PhoneApplicationPage>
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

7. VIA CODICE
using Microsoft.Phone.Maps.Controls;
...
public partial class MainPage : PhoneApplicationPage
{
// Constructor
public MainPage()
{
InitializeComponent();
Map MyMap = new Map();
ContentPanel.Children.Add(MyMap);
}
...
}
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

8. COSTRUIAMO
UNA MAPPA
Demo
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

9. AGGIUNGIAMO
LE PROPRIETÀ
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

10. AGGIUNGIAMO LE PROPRIETÀ
Principali proprietà di Map
ZoomLevel: 1..20 livello dello zoom
Heading: direzione (angolare) dove far puntare la parte alta della mappa
Pitch: Inclinazione della mappa
CartographicMode: tipo della mappa (stradale, foto aerea, foto e aerea, mappa «fisica»
ColorMode: Tema light e dark (solo per tipo stradale)
LandmarksEnabled: Mostra oggetti 3D, edifici sopra la mappa
PedestrianFeatureEnabled: mostra dettagli utili ai pedoni (scale passaggi ecc)
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

11. VIA XAML
<phone:PhoneApplicationPage
...
xmlns:maps = "clr-namespace:Microsoft.Phone.Maps.Controls;assembly=Microsoft.Phone.Maps"
...>
...
<!--ContentPanel - place additional content here-->
<Grid x:Name = "ContentPanel" Grid.Row = "1“ >
<maps:Map x:Name = "MyMap" ZoomLevel = "10" Pitch = "30" CartographicMode = "Hybrid“ />
...
</Grid>
...
</phone:PhoneApplicationPage>
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

12. VIA CODICE
public partial class MainPage : PhoneApplicationPage
{
...
private void PitchValueChanged(object sender, EventArgs e)
{
if (PitchSlider != null)
{
MyMap.Pitch = PitchSlider.Value;
}
}
}
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

13. AGGIUNGIAMO
LE PROPRIETÀ
Demo
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

14. AGGIUNGERE
GRAFICA SULLA
MAPPA
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

15. AGGIUNGIAMO GRAFICA
•
aggiungere dei marcatori come UIElement (Immagini, poligoni, o anche griglie contenenti altri
UIElement all’interno
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

16. AGGIUNGERE
GRAFICA SULLA
MAPPA
Demo
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

17. INIZIAMO A
DIVERTIRCI
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

18. INIZIAMO A DIVERTIRCI
Posizione corrente
Aggiungere ID_CAP_LOCATION al WMAppManifest
Referenziare System.Devices.Location e Windows.Device.Geolocation (Location
Platform)
Occhio a Geocoordinate VS Lat, Long
geolocator.GetGeopositionAsync
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

19. INIZIAMO A DIVERTIRCI
Ricerca di un indirizzo
GeocodeQuery
Dato un testo (nome città o indirizzo) ritorna una List<MapLocation>
MapLocation contiene GeoCoordinate e LocationInformation con nome,
descrizione e MapAddress della località
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

20. USIAMO I
LAUNCHER
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

21. USIAMO I LAUNCHER
I launcher (dell’SDK standard) sono:
MapDownloaderTask
MapUpdaterTask
MapsDirectionTask
MapsTask
Dipendenza da Microsoft.Phone.Task
E System.Device.Location (solo MapsDirectionTask e MapsTask)
Si istanziano, si assegnano le proprietà e si visualizzano con .Show()
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

22. USIAMO I
LAUNCHER
Demo
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

23. USIAMO HERE
LAUNCHER E
URI SCHEME
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

24. HERE LAUNCHER
Lanciano Here Maps per:
Mostrare itinerario da posizione corrente a posizione selez o destinaz
Ricerca testuale di un posto
Esplorare posti per categoria
Mostrare mappe delle località ad un livello desiderato di zoom
Mostrare località er ID o posizione sulla mappa
Lanciano Here Drive per:
Mostrare itinerario da posizione corrente a posizione selez o destinaz
Lanciano Here Transit per:
Mostrare itinerario da posizione corrente a posizione selez o destinaz con gestione orario
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

25. USARE GLI URI SCHEME DI HERE
E’ possibile lanciare direttamente le applicazioni tramite URI, passando anche dei parametri
Directions
Explore maps
Drive guidance
Walk guidance
Places
Public transit
Esempio di lancio di Drive
“guidance-drive://v2.0/navigate/destination/?latlon=52.53,13.41&title=Museum“
public-transit://v2.0/search/stops/?appid=<ApplicationIdString>
directions://v2.0/route/destination/?latlon=60.1847853697836,24.5837861392647&origin.latlon=60.3022110555321,25.02
54416931421&appid=<ApplicationIdString>
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

26. Altri Riferimenti:
HERE Launchers Project
https://github.com/nokia-developer/here-launchers
HERE Launchers Project
http://developer.nokia.com/Resources/Library/Lumia/
#!maps-and-navigation/here-launchers.html
Progetto di esempio
http://bit.ly/16fFMDd
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only

27. Grazie!
@marcodalpino
http://Mobileprog.net
© 2012 Nokia. All rights reserved.
© 2012 Microsoft. All rights reserved.
10/16/2013
Nokia Internal Use Only