# Google Map Location Picker

<figure><img src="https://417697475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVr2cbdfxDGZK1u2Fd59w%2Fuploads%2F0zuNdi4CXmtkFOT947PY%2Fmap-editor.jpeg?alt=media&#x26;token=d7f008af-645a-45f4-90a2-fad622fef21a" alt=""><figcaption></figcaption></figure>

### Api Key Needed

Because this property editor uses Google Maps you need to get an API key. Once you have an API key, under Global Settings, add the API key with the name of **GoogleMaps**

<figure><img src="https://417697475-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVr2cbdfxDGZK1u2Fd59w%2Fuploads%2FRT8Q7ydiPCU9j7iFSBtO%2FScreenshot%202024-09-26%20135302.png?alt=media&#x26;token=a53d6224-b631-4a23-bfdf-10c0cd87c11a" alt=""><figcaption><p>Api Keys In Global Settings</p></figcaption></figure>

#### Example of getting value on page

```csharp
(Content!.GetValue<GoogleMapPosition>("PropertyAliasHere"))
```

```csharp
public class GoogleMapPosition
{
	/// <summary>Gets or sets the latitude.</summary>
	/// <value>The latitude.</value>
	public double Lat { get; set; }

	/// <summary>Gets or sets the longitude.</summary>
	/// <value>The longitude.</value>
	public double Lng { get; set; }
}
```
