> For the complete documentation index, see [llms.txt](https://aptitude.gitbook.io/zaubercms/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aptitude.gitbook.io/zaubercms/creating-a-website/current-content-properties/google-map-location-picker.md).

# Google Map Location Picker

Simple editor that lets you pick a location and save the longitude and latitude

<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&amp;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&amp;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; }
}
```