# Embedding Google Maps

You can embed Google Maps into the [detail layout](/stacker-classic/layout-types/detail-layout.md) of your app.

## How to find the embed link <a href="#h_01hqp06hsasrgg5cmt94zk73rt" id="h_01hqp06hsasrgg5cmt94zk73rt"></a>

1. Go to [Google Maps](https://www.google.com/maps/)
2. Enter the location you want to embed into your app
3. Click **Share > Embed a Map**
4. Click **COPY HTML** from the **Embed a Map** tab
5. Remove the \<iframe> from the link, you only need the URL

![](https://support.stackerhq.com/hc/article_attachments/26811948820115) ![](https://files.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-M64K6enFhU-bLebnk5G%2F-MEbxdEQ-FAvIK1aaI6v%2F-MF0Qdqty4G75hCmZdbb%2FScreen%20Shot%202020-08-17%20at%205.18.04%20pm.png?alt=media\&token=075acbdf-8ea1-4d2c-95c6-a7aeaafdc42a)

It should look like this:

```
```

### How to use the Embed Link <a href="#h_01hqp06hsagdnsz6ystmperqbk" id="h_01hqp06hsagdnsz6ystmperqbk"></a>

You can use your embed link by adding it to a field on your data source or paste it directly into the embed widget.

1. Click in the detail layout
2. Click **Edit Layout**
3. Drag **embed widget** into the layout
4. Select where your link comes from
5. Choose a title and the height of the embed

![embed\_maps.gif](https://support.stackerhq.com/hc/article_attachments/8547489029779)

### Create a Multiple Location Map <a href="#h_01hqp06hsaqf2j4c4khq77pjmw" id="h_01hqp06hsaqf2j4c4khq77pjmw"></a>

You can also embed a map with multiple locations by creating a map in your Google Account.

1. Go to Google Maps
2. Click the menu stack on the top left
3. Click **Saved**
4. Click **Maps** tab
5. Click **Create Map** at the bottom

<figure><img src="https://support.stackerhq.com/hc/article_attachments/15979715140371" alt=""><figcaption></figcaption></figure>

To embed a Multiple location map: click the **Three dots** next to your maps name > select **Embed on my site**

<figure><img src="https://support.stackerhq.com/hc/article_attachments/15979474126995" alt=""><figcaption></figcaption></figure>

**Note: The name of the Google Account will be listed above the map name.**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stackerhq.com/stacker-classic/layout-types/detail-layout/detail-widgets/detail-embed-widget/embedding-google-maps.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.