> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.unicornplatform.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to embed a Google Map with multiple pins

To embed a Google Map with multiple pins on your website, you can use **Google My Maps**, a feature of Google Maps that allows for the creation of custom maps with multiple markers. 
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/screenshot6_xbdx3u.png)
Here's a step-by-step guide:

### 1. Creating a map

1. **Access Google My Maps**:    

* Navigate to [Google My Maps](https://www.google.com/maps/d/).        
* Sign in with your Google account.
        
2. **Create a new map**:
    
* Click on the **"Create a new map"** button.           
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/screenshot2_w9ugy6.png)
* A new, untitled map will appear. Click on **"Untitled map"** to rename it as you like. 
        
3. **Add multiple pins (markers)**:       

* Use the search bar to find a specific location or navigate the map manually.       
* Click on the **"Add to map"**
* Repeat this process for each location you wish to add. 
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/screenshot3_m39ut5.png)

4. **Customize your map**:
    
* Change the base map
* Customize markers
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/screenshot4_legjki.png)

5.  **Share and embed your map**:

* Click on the **"Share"** button to set the map's visibility.                                                                

Make sure all toggles are activated: 
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/a5xmwzfqb4_752dcp.png)  
* To embed the map on your website:                            
        - Click on the three-dot menu next to the map title.
        - Select **"Embed on my site"**       

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_rjlybb.png)        
        - Copy the provided HTML code.  

### 2. Embedding on your website

1. Add a Custom HTML Component to the page where the map will be: 
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_13njsrm.png)
2. Paste there the code from the previous step           
         Insert specific HTML tags before and after the code to center the map horizontally: 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_13ah6x9.png)
And that's it! By following these steps, you can combine multiple location pins into a single map for display on your website.

---

### F.A.Q. 

[How to integrate Google maps](https://help.unicornplatform.com/en/article/how-to-integrate-google-maps-gxns7b/)
[How to embed a Google Map dynamically for each page](https://help.unicornplatform.com/en/article/how-to-embed-a-google-map-dynamically-for-each-page-1c1rhz6/)