---
title: "Map View App"
description: "Add & Embed Google Map in the Stackby Dashboard"
url: https://help.stackby.com/es/articles/289-map-view-app
collection: "Stackby Apps Marketplace"
updated: 2026-11-04
language: es
alternates: [en]
---

# Map View App

Add & Embed Google Map in the Stackby Dashboard

If you have a field containing addresses or latitude-longitude coordinates, the map app allows you to plot your records on one of three different kinds of maps.   

> **Warning:** **Please note that you need a working Google Maps API key to use this app. Please create one from the Google Cloud Console.**

## **Using the Map View App**

**Step 1:**

To Add a Map View App to your Stack, Click on Apps.

Click the Add an app button that appears. You can add Map View App in 2 ways.

1.     From the Dashboard click on + Add an App
    
2.     Click on Add an App button   
    

**Step 2:** Now dialog box is displayed, select Map View App and then click on Add App button.

**Step 3:** You will see the map to get started. Click on the Get Started button.

![](https://d258lu9myqkejp.cloudfront.net/attachment_images/ba8f32858d75d02da0ca9d08bb086851d2a74dfadbc889f8390415be2159ae5dmap.png)

**Step 4:** Enter your Google Maps API key

To use this app, you need to enable the Google Maps API. If you've set up a map app before, you can reuse the same API key. Otherwise, follow the steps below to obtain one.

1.  **Create a Google Cloud project.** Go to the [Google Cloud Platform Console](https://console.cloud.google.com/) and create a new project. You may also use an existing project that you own.
    
2.  **Enable billing for your project.** On the [Google Cloud Platform Billing page](https://console.cloud.google.com/billing), add a payment method for your project. You will only be charged if you exceed the free monthly [usage credit](https://developers.google.com/maps/pricing-and-plans).
    
3.  **Enable the Google Maps Javascript and Geocoding APIs.** Go to the [Google Maps Javascript API page](https://console.cloud.google.com/apis/library/maps-backend.googleapis.com) and add it to your project. Repeat this for the [Google Maps Geocoding API](https://console.cloud.google.com/apis/library/geocoding-backend.googleapis.com).
    
4.  **Create a Google API key.** On the [Credentials page](https://console.cloud.google.com/apis/credentials), create and copy an API key.
    

Once you've followed these steps, paste your API key in the space provided in the setup window.

![](https://d258lu9myqkejp.cloudfront.net/attachment_images/c241fb006b82508194d941c0ac7ee1ecea36b7ab246078ce544f62be66283f9dmap3.png)

**Step 5:** Select Table, select view, select Address column, select Geocode coach column from the drop-down list. Once ready click on the Save Setting button. 

![](https://d258lu9myqkejp.cloudfront.net/attachment_images/0ec339124f9b6051b56b59c1d89084b022f42e96beb93313a480c9d33e03f8e3Screenshot%202021-11-23%20at%202.19.08%20PM.png)

**Step 6:** A new map is added to your dashboard now based on the coordinates or places you've put in the address column. 

![](https://staticfiles.gleap.io/ghelparticle/nYpueNM8bEPCTvgAjk7xNGWefcNgYgBdLhpxG3YOzoDFmspRjP3bPh0qlYMatlvHII3pdfebRuV.png)

  
Voila! Your records pinned & displayed on the map!