#### Table of Contents

1. How to setup Google Map at Xamarin.Form project
2. Nuget package file at Xamarin.Form project
3. Start file, app.xaml.cs
4. xaml file for develop google map
5. Map MapPage.xaml.cs code
6. Custom class for map object
7. Xmarin.Form Android - nuget package file
8. Android - AndroidManifest.xml
9. That's it, all the code to run google map on Xamarin.

## How to setup Google Map at Xamarin.Form project

To use Google Map at Xamarin.Form, you'll need register google API account to
get the key, add use permission on android's AndroidManifest.xml file, then
add code to use.

### Nuget package file at Xamarin.Form project

```
<?xml version="1.0" encoding="utf-8"?>
```

### Start file, app.xaml.cs

```
using Xamarin.Forms;

namespace MapExample1
{
    public partial class App : Application
    {
        public static double ScreenHeight;
        public static double ScreenWidth;
        public App()
        {
            InitializeComponent();

            MainPage = new MapExample1.MapPage();
        }

        protected override void OnStart()
        {
            // Handle when your app starts
        }

        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }

        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}
```

### xaml file for develop google map

```
<?xml version="1.0" encoding="utf-8" ?>





```

### Map MapPage.xaml.cs code

```
using System.Collections.Generic;
using Xamarin.Forms;
using Xamarin.Forms.Maps;

namespace MapExample1
{
    public partial class MapPage : ContentPage
    {
        public MapPage()
        {
            InitializeComponent();

            var pin = new CustomPin
            {
                Pin = new Pin
                {
                    Type = PinType.Place,
                    Position = new Position(40.689249, -74.044500),
                    Label = "The Statue of Liberty in New York, USA",
                    Address = "New York, NY 10004",

                },
                Id = "Xamarin",
                Url = "http://xamarin.com/about/",

            };

            customMap.CustomPins = new List { pin };
            customMap.Pins.Add(pin.Pin);
            customMap.MoveToRegion(MapSpan.FromCenterAndRadius(new Position(40.689249, -74.044500), Distance.FromMiles(1.0)));
        }
    }
}
```

### Custom class for map object

```
using Xamarin.Forms.Maps;

namespace MapExample1
{
    public class CustomPin
    {
        public Pin Pin { get; set; }

        public string Id { get; set; }

        public string Url { get; set; }
    }
}

using System.Collections.Generic;
using Xamarin.Forms.Maps;

namespace MapExample1
{
    public class CustomMap : Map
    {
        public List CustomPins { get; set; }
    }
}
```

##
Above are all the sample code you need at Xamarin.Form project, but you also
need following if you want to run on Android.

### Xmarin.Form Android - nuget package file

```
<?xml version="1.0" encoding="utf-8"?>















```

### Android - AndroidManifest.xml

This is the important part, if you want to use Google API, you have to create
API key and replace to following, also, add use permission to use.

```
<?xml version="1.0" encoding="utf-8"?>





	








	

	


```

## That's it, all the code to run google map on Xamarin.

![](https://d1p0mp3f1fx0hz.cloudfront.net/_i9aa29xwa.png)

This blog shows how to set up Google Map at Xamarin.Form project.

GoogleAPI

Xamarin - Use Google Map