---
title: "Creating Google map sections"
date: "2022-03-24T15:52:18+00:00"
summary: "Easily create interactive Google Maps on your website using UIKit's Text and Map or Map sections. Learn how to add and customize map markers for engaging, location-based content."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/creating-google-map-sections"
id: "49a00efb-39b2-419d-a58b-77b2d12dd722"
---

The UIKit include two section components for creating Google map content. These are **Text and map section** and **Map section**. They rely on your website having valid Google map API keys. To use these sections:

1.  Drag a **Text and map section or** **Map section** onto your page. You will see a map displayed.  
       
    
    ![94dcb85f-map-section.png](https://acquia.widen.net/content/ibxhshnfeg/web/94dcb85f-map-section.png?v=01ef824a-bc70-4849-9e95-6d394c72aa87)
    
      
     
2.  To edit and add map markers, edit the settings of the component and navigate to the Map markers tab. From there, you can add multiple map markers and set their locations by entering a location in the **Address field** and clicking the **Find location** button.  
      
    
    ![91749410-add-map-markers.png](https://acquia.widen.net/content/yjox5wv4on/web/91749410-add-map-markers.png?v=6b0b6c0e-abe8-486f-9bba-464a45654740)