> ## Documentation Index
> Fetch the complete documentation index at: https://zite.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate maps with Google Maps

> Insert interactive maps, enable geocoding, and location search bars to your Zite app.

## How it works

Connecting your Zite app to Google Maps lets you build an app where location and maps work together to display places, and enable users to search and interact with locations in real time. By connecting Google Maps, you can:

* Display interactive maps with pinned locations
* Add search bars that show exact locations
* Filter and sort places by distance or area
* Use Google Places autocomplete in your forms so respondents can verify addresses
* Show routes from a starting point to a destination, including directions and ETA

## How to add Google Maps to your app

<Steps>
  <Step title="Connect to Google Maps">
    In the chat box, ask Zite to connect to Google Maps or click the `plug icon` <Icon icon="plug" />.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-24-at-2.44.43-PM.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=500b25a2024d3c2895bbb61904c7c399" alt="Screenshot 2026 04 24 At 2 44 43 PM" title="Screenshot 2026 04 24 At 2 44 43 PM" style={{ width:"40%" }} width="695" height="235" data-path="help/images/Screenshot-2026-04-24-at-2.44.43-PM.png" />
  </Step>

  <Step title="Paste your API Key">
    Copy your **Google Maps API Key** [here](https://console.cloud.google.com/google/maps-apis/credentials). If you don't have one yet, click `+ Create credentials` on top followed by `API Key`.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-20-at-1.22.58-PM-1.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=0ff8290d75a814b387d8daf694b848ee" alt="Screenshot 2026 04 20 At 1 22 58 PM" width="2212" height="586" data-path="help/images/Screenshot-2026-04-20-at-1.22.58-PM-1.png" />

    Then, go back to the Zite editor and **paste the key** there.
  </Step>

  <Step title="Enter your use case">
    Describe how you'd like to use Google Maps in your app. For example, let's add a location search bar and an interactive map in each of the listings.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-20-at-1.38.34-PM.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=89a4deeecc0164860076dd8a03f0addc" alt="Screenshot 2026 04 20 At 1 38 34 PM" width="2753" height="1407" data-path="help/images/Screenshot-2026-04-20-at-1.38.34-PM.png" />
  </Step>

  <Step title="Deploy and share">
    That's it! Users can now search, filter, and search locations in the Zite app.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-20-at-2.26.05-PM.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=006ed4b504a9d2cfcb87cac179d67eb8" alt="Screenshot 2026 04 20 At 2 26 05 PM" width="2034" height="1152" data-path="help/images/Screenshot-2026-04-20-at-2.26.05-PM.png" />

    They can also view interactive maps on listing pages.

    <img src="https://mintcdn.com/zite/KQ8qGBqeQVB6pPOl/help/images/Screenshot-2026-04-20-at-2.13.47-PM.png?fit=max&auto=format&n=KQ8qGBqeQVB6pPOl&q=85&s=2e2a750ab4f4bb6ed094ba0845613104" alt="Screenshot 2026 04 20 At 2 13 47 PM" width="1989" height="1186" data-path="help/images/Screenshot-2026-04-20-at-2.13.47-PM.png" />

    Click `Publish` in the upper right corner and [**share**](/help/platform/access/share-to-web) your Zite app.
  </Step>
</Steps>

## Use address autocomplete

If your Zite app has a form with an address field, you can enable autocomplete so users can easily find and validate the address they enter. Just [enable the Places API](https://console.cloud.google.com/google/maps-apis/api-list) in your Google Cloud Console, then follow the same steps above.

However, if your form was built with Fillout and address autocomplete is already enabled for the address field, there’s no need to set up the Places API separately.

## Common use cases

With a Google Maps connection, you create apps like:

* **Property or Rental Directories:** Let users browse listings and view exact locations on a map
* **Delivery Trackers:** Let customers track deliveries in real time
* **Store Locators:** Help users find nearby branches and get directions easily
* **Event Maps:** Show event venues and help attendees navigate locations
* **Service Area Maps:** Let users check availability based on their location
* **Travel or Tour Guides:** Highlight points of interest and suggested routes