Using GPS For Getting Location in Windows Phone 8

I was working on a really nice Windows Phone 8 application that uses geolocation techniques to pinpoint a current location. This will track where someone goes and when. In my point of view, ths is awesome. This article is all about sharing the basics of such application. To get the latitude and longitude location co-ordinates via GPS.

To start of with, let's create a Windows Phone 8 application project:

GPS-for-Getting-Location-in-Windows-Phone 8.jpg

Name the project and click "Ok". Choose your desired Windows Phone OS to work with. In our case we are choosing OS version 8.0.

GPS-for-Getting-Location-in-Windows-Phone 81.jpg

After selecting the OS version, Visual Studio might take some time to prepare your project. Once done, you will have a mainpage.xaml presented. We might not want to do anything on the mainpage's XAML as of now. But we do want to write some code, so navigate to the mainpage.xaml.cs file. At the very beginning, mainpage.xaml.cs will have more comments than code.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using Microsoft.Phone.Shell;
using GeolocationInWP8.Resources;
namespace GeolocationInWP8
{
public partial class MainPage : PhoneApplicationPage
{
// Constructor
public MainPage()
{
InitializeComponent();
// Sample code to localize the ApplicationBar
// BuildLocalizedApplicationBar();
}
// Sample code for building a localized ApplicationBar
//private void BuildLocalizedApplicationBar()
//{
// // Set the page's ApplicationBar to a new instance of ApplicationBar.
// ApplicationBar = new ApplicationBar();
// // Create a new button and set the text value to the localized string from AppResources.
// ApplicationBarIconButton appBarButton =
//new ApplicationBarIconButton
//(new Uri("/Assets/AppBar/appbar.add.rest.png", UriKind.Relative));
// appBarButton.Text = AppResources.AppBarButtonText;
// ApplicationBar.Buttons.Add(appBarButton);
// // Create a new menu item with the localized string from AppResources.
// ApplicationBarMenuItem appBarMenuItem =
//new ApplicationBarMenuItem(AppResources.AppBarMenuItemText);
// ApplicationBar.MenuItems.Add(appBarMenuItem);
//}
}
}

I suggest you to remove all the commented code since it's not doing anything more than creating confusion. So our mainpage code will dramatically shrink to:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using Microsoft.Phone.Shell;
using GeolocationInWP8.Resources;
namespace GeolocationInWP8
{
public partial class MainPage : PhoneApplicationPage
{
public MainPage()
{
InitializeComponent();
}
}
}
Ain't that looking simple? Next is to initialize the GPS watcher:
private void GetCoordinate()
{
var watcher = new GeoCoordinateWatcher(GeoPositionAccuracy.High)
{
MovementThreshold = 1
};
watcher.PositionChanged += this.watcher_PositionChanged;
watcher.Start();
}
The function above will start the watcher and will create a position changed event that will always trigger when either of the GPS coordinates (Latitude or Longitude) change.
private void watcher_PositionChanged(object sender, GeoPositionChangedEventArgs<GeoCoordinate> e)
{
var pos = e.Position.Location;
LatitudeVal.Text = pos.Latitude.ToString("0.000");
LongitudeVal.Text = pos.Longitude.ToString("0.000");
}

When the change in position occures, we take the value of the Latitude and Longitude and push them all the way to the textblocks we will create in the mainpage.xaml. Let's now move to our XAML of the mainpage. We will do two things here. The first is to create the Loaded event of the mainpage; this is invoked when the mainpage loads at the very beginning. The second is to create Textblocks to display the values onto the screen.

<phone:PhoneApplicationPage
x:Class="GeolocationInWP8.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Loaded="MainPage_OnLoaded"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True">
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock Text="MY APPLICATION"
Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
<TextBlock Text="GPS" Margin="9,-7,0,0"
Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<TextBlock Text="Latitude: " Width="90" Height="30"
HorizontalAlignment="Left" VerticalAlignment="Top"/>
<TextBlock x:Name="LatitudeVal" Width="90" Height="30"
HorizontalAlignment="Left" VerticalAlignment="Top"
Margin="101,0,0,0" />
<TextBlock Text="Longitude: " Width="90" Height="30"
HorizontalAlignment="Left" VerticalAlignment="Top"
Margin="0,29,0,0"/>
<TextBlock x:Name="LongitudeVal" Width="90" Height="30"
HorizontalAlignment="Left" VerticalAlignment="Top"
Margin="101,28,0,0" />
</Grid>
</Grid>
</phone:PhoneApplicationPage>

As you can see, in line #10 we have created a mainpage's loaded event. And from line #34 to line #44 we have created text blocks, to hold the values. Next we move back to code, mainpage.xaml.cs and in the mailpageloaded even that we just have created call the GetCoordinate() method that we created before.

private void MainPage_OnLoaded(object sender, RoutedEventArgs e)
{
GetCoordinate();
}

So in the end here is how our mainpage.xaml.cs will look like:

using System;
using System.Collections.Generic;
using System.Device.Location;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using Microsoft.Phone.Shell;
using GeolocationInWP8.Resources;
namespace GeolocationInWP8
{
public partial class MainPage : PhoneApplicationPage
{
public MainPage()
{
InitializeComponent();
}
private void GetCoordinate()
{
var watcher = new GeoCoordinateWatcher(GeoPositionAccuracy.High)
{
MovementThreshold = 1
};
watcher.PositionChanged += this.watcher_PositionChanged;
watcher.Start();
}
private void watcher_PositionChanged(object sender, GeoPositionChangedEventArgs<GeoCoordinate> e)
{
var pos = e.Position.Location;
LatitudeVal.Text = pos.Latitude.ToString("0.000");
LongitudeVal.Text = pos.Longitude.ToString("0.000");
}
private void MainPage_OnLoaded(object sender, RoutedEventArgs e)
{
GetCoordinate();
}
}
}

One more step to finish our application is that we need to set permission. That is, we need to request the Phone that "I want to use your GPS, allow me." In order to do that, go to Solution Explorer and all the way to WMAppManifest.xml in properties.

Navigate to the capabilities tab and check ID_CAP_LOCATION.

That's all we must do. Save the project and run it.

Now in case you are using emulators like me, to test the application,. You can simulate the GPS. Just click on the ">>" in the emulator then choose the location tab. Now you can simulate your position in the map, and the simulator will give you the GPS coordinates of the location you have selected.

You can download the sample project above or from http://www.4shared.com/rar/619W7qBz/GeolocationInWP8.html

5 Comments

Join the conversation! Your thoughts help the community grow.

Artem Mavrich10y ago
when I use windows phone emulation i can see >> where i can change my coordinaates in additional tools, but when i am debugging on my real device i cant see it. So how can i use your programm? help me please
hirachand mudhale12y ago
hey will u please give me vs 2013 ultimate version download link
Vithal Wadje12y ago
good one keep it up
Prakash Tripathi12y ago
Hi, Have you tried running this on Windows Phone 8 device? I tried but it's not running. Also can you please tell why always the location is showing as Seattle?
- Neelesh Vishwakarma12y ago
  for your first question, yes, I have run this very code onto my Windows Phone 8 device and it works fine, if you could tell me what exactly the problem you are facing, I can help you there. And for the second question, if you are doing the location search on emulator, it always shows Seattle because the GPS simulator is by default set to the lat longs of Seattle, you can however, change the location by simply dragging onto the map.