Before reading this article, please go through the following article.

In this article, you will learn how to use Button Control, TextBlock control, and TextBox Control in Visual C# environment. Also, you will be able to develop a simple arithmetic calculation app in Universal Windows Apps development, using XAML and Visual C#.

The following important tools are required for developing a UWP application,

  1. Windows 10 (Recommended).
  2. Visual Studio 2015 Community Edition (It is a free software available online).

Now, we can discuss the step by step App development.

If you are new to Map control component, I suggest you learn the following article.
In this article we will see about how to set a street view experience
Step 1: Open the already created project called "Mapsample" that is created and deployed in your machine or create a new Universal application by following the above link.
Step 2: Open MainPage.Xaml.cs and add the following code as shown below for creating an Aerial.
Aerial 3D code is given below,
  1. Mapsample.Style = MapStyle.Aerial3D;
Overall code for setting aerial code is,
  1. private async void Mapsample_Loaded(object sender, RoutedEventArgs e)
  2. {
  4. var center =
  5. new Geopoint(new BasicGeoposition()
  6. {
  7. Latitude = 11.66509,
  8. Longitude = 78.154587
  10. });
  13. await Mapsample.TrySetSceneAsync(MapScene.CreateFromLocationAndRadius(center, 3000));
  15. Mapsample.Center =
  16. new Geopoint(new BasicGeoposition()
  17. {
  18. Latitude = 11.66509,
  19. Longitude = 78.154587
  20. });
  22. Mapsample.ZoomLevel = 16;
  24. //check for 3D support
  25. if (Mapsample.Is3DSupported)
  26. {
  27. //set style to 3D
  28. Mapsample.Style = MapStyle.Aerial3D;
  30. //create a mapscene for lat and long
  31. //facing East (90 deg) and pitched 45 deg
  32. var mapScene = MapScene.CreateFromLocationAndRadius(Mapsample.Center, 500, 90, 45);
  33. await Mapsample.TrySetSceneAsync(mapScene);
  34. }
  35. }
Entire code is in Xaml.cs,
  1. using System;
  2. using System.Collections.Generic;
  3. using System.IO;
  4. using System.Linq;
  5. using System.Runtime.InteropServices.WindowsRuntime;
  6. using Windows.Devices.Geolocation;
  7. using Windows.Foundation;
  8. using Windows.Foundation.Collections;
  9. using Windows.UI.Xaml;
  10. using Windows.UI.Xaml.Controls;
  11. using Windows.UI.Xaml.Controls.Maps;
  12. using Windows.UI.Xaml.Controls.Primitives;
  13. using Windows.UI.Xaml.Data;
  14. using Windows.UI.Xaml.Input;
  15. using Windows.UI.Xaml.Media;
  16. using Windows.UI.Xaml.Navigation;
  18. // The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409
  20. namespace Mapsample
  21. {
  22. /// <summary>
  23. /// An empty page that can be used on its own or navigated to within a Frame.
  24. /// </summary>
  25. public sealed partial class MainPage : Page
  26. {
  27. public MainPage()
  28. {
  29. this.InitializeComponent();
  30. Mapsample.Loaded += Mapsample_Loaded;
  31. }
  33. private async void Mapsample_Loaded(object sender, RoutedEventArgs e)
  34. {
  36. var center =
  37. new Geopoint(new BasicGeoposition()
  38. {
  39. Latitude = 11.66509,
  40. Longitude = 78.154587
  42. });
  45. await Mapsample.TrySetSceneAsync(MapScene.CreateFromLocationAndRadius(center, 3000));
  47. Mapsample.Center =
  48. new Geopoint(new BasicGeoposition()
  49. {
  50. Latitude = 11.66509,
  51. Longitude = 78.154587
  52. });
  54. Mapsample.ZoomLevel = 16;
  56. //check for 3D support
  57. if (Mapsample.Is3DSupported)
  58. {
  59. //set style to 3D
  60. Mapsample.Style = MapStyle.Aerial3D;
  62. //create a mapscene for lat and long
  63. //facing East (90 deg) and pitched 45 deg
  64. var mapScene = MapScene.CreateFromLocationAndRadius(Mapsample.Center, 500, 90, 45);
  65. await Mapsample.TrySetSceneAsync(mapScene);
  66. }
  67. }
  69. }
  71. }
Output