In this article, we will be going to have a very interesting topic on how to retrieve coordinate in Xamarin.forms. In this project, we will find the location with the help of Xamarin.Essentials.

In Xamarin.forms, Geolocation class is available at Xamarin.Essentials API for getting the current location on different platforms like Android, and iOS. Using Xamarin.Essentials we can use a single API that will be work at all the cross-platform on Xamarin.forms.

Now, let’s see how to retrieve your coordinates on both the application android and iOS with the use of Xamarin.forms and Xamarin essentials.

Firstly, create Xamarin.Forms as a blank project and set the platform like android and iOS.

Now, add the reference Xamarin.Essentials, for adding reference Go to Tools -> NuGet Package Manager -> Manage NuGet Packages for Solution.

After that select Browse and type Xamarin.Essentials, and install it.

Image: Add Xamarin.Essentials package

After the creation of your project, open App.Xaml file and add the below code. This is a general graphic aspect to express your application.

You just delete auto-generated data and add the below code else just replace the new data with auto-generated data.

Here we can set the style for labels and buttons, we can add style in App.Xaml because if once we create a style for any control in App.Xaml then no need to set the style for particular control we can use this style in the over-all application.

Now, open MainPage.Xaml file and add the below code for getting the location.

Just delete auto-generated data and add the below code else just replace the new data with auto-generated data.

Here, we can add some buttons and labels, buttons are used to get the location, and labels are used to get the latitude and longitude.

Latitude and longitude are used to describe the location on the Earth. They can describe the direction latitude and can describe east-west direction and longitude can describe north-south direction across the Earth.

Now, we can set the behavior of the application in code-behind. So, open MainPage.Xaml.CS file and just delete auto-generated data and add below code else just replace the new data with auto-generated data.

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Essentials;
using Xamarin.Forms;

namespace XamarinCoordinates
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private async void Findthelocation_Clicked(object sender, EventArgs e)
        {
            try
            {
                var FindLocation = await Geolocation.GetLocationAsync(new GeolocationRequest()
                {
                    DesiredAccuracy = GeolocationAccuracy.Medium,
                    Timeout = TimeSpan.FromSeconds(20)
                });

                if (FindLocation == null)
                    await DisplayAlert("Attention", "first enable GPS.", "Ok");
                else
                    LatitudeLocation.Text = $"{FindLocation.Latitude}";
                    LongitudeLocation.Text = $"{FindLocation.Longitude}";
            }
            catch (Exception ex)
            {
                await DisplayAlert("Ooops!", $"Something went wrong:" + ex, "Ok");
            }
        }

        private async void GoingToMap_Clicked(object sender, EventArgs e)
        {
            try
            {
                await Map.OpenAsync(double.Parse(LatitudeLocation.Text), double.Parse(LongitudeLocation.Text), new MapLaunchOptions
                {
                    Name = "Your location",
                    NavigationMode = NavigationMode.None
                });
            }
            catch (Exception ex1)
            {
                await DisplayAlert("Ooops!", $"Something went wrong..", "Ok");
            }
        }
    }
}
				

Now, add the background image on both the platform android and, iOS.

For android, download one image for suited the map background and copy and paste it. In android open Solution Explorer -> Android file -> Resources and paste the image in below folders drawable, mipmap-anydpi-v26, mipmap-hdpi, mipmap-mdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi.

For iOS, copy image and paste it in open Solution Explorer -> iOS file -> Resources.

Our design is created and we can also set the behavior of the application, now need to add permission for every mobile platform.

Open Solution Explorer -> XamarinCoordinates.Android (Android file) -> Properties -> AssemblyInfo.cs file. And note down the below code to add the permission.

[assembly: UsesFeature("android.hardware.location", Required = false)]
[assembly: UsesFeature("android.hardware.location.gps", Required = false)]
[assembly: UsesFeature("android.hardware.location.network", Required = false)]
				

Image: AssemblyInfo.cs file example

For iOS go to Solution Explorer -> XamarinCoordinates.iOS (iOS file) and open the info.plist file using the press f7 button and add the below code at the last block.

	
NSLocationWhenInUseUsageDescription
Permission for using GPS.
					

Image: info.plist file example

Now, need to set platform implementation for both Android and iOS.

Open Solution Explorer -> XamarinCoordinates.Android (Android file) -> MainActivity.cs and add one-line code on the OnCreate method.

Image: MainActivity.cs file example