# 34. ¿Cómo mostrar la ubicación en el mapa de GoogleMaps?

En primer consigue la APIkey de GoogleMaps.  
Una vez la tengas copia y pégala en el campo de la sección del gestor de la tienda, en Ajustes->Ajustes Generales ->Atención al cliente->Api Key de GoogleMaps

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-03/scaled-1680-/rH2image.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-03/rH2image.png)

En segundo lugar poner la ubicación en el campo de la sección del gestor de la tienda, en Ajustes->Ajustes Generales ->Atención al cliente->Dirección de GoogleMaps

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2025-03/scaled-1680-/iLpimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2025-03/iLpimage.png)

#### A. Obtener la APIKey de Google Maps

**1. Crear un proyecto en Google Cloud**

1. 1. 1. Ve a la consola de Google Cloud: [Google Cloud Console](https://cloud.google.com/storage/docs/cloud-console)
        2. Inicia sesión con tu cuenta de Google.
        3. Crea un nuevo proyecto o usa uno existente. 
            - Haz clic en Seleccionar un proyecto > Nuevo proyecto.
            - Asigna un nombre y haz clic en Crear.

**2. Habilitar la API de Google Maps**

1. 1. 1. En la consola de Google Cloud, abre el menú de navegación (☰) y ve a APIs y servicios > Biblioteca.
        2. Busca Maps JavaScript API y haz clic en Habilitar.
        3. Repite este paso y habilita también: 
            - Geocoding API (para convertir direcciones en coordenadas)
            - Places API (si necesitas autocompletar direcciones)

**3. Obtener la API Key**

1. 1. 1. En el menú de navegación (☰), ve a APIs y servicios > Credenciales.
        2. Haz clic en Crear credenciales > Clave de API.
        3. Google generará una API Key única. Cópiala y guárdala.

**4. Proteger la API Key (Recomendado)**

1. 1. 1. En la misma sección de Credenciales, selecciona tu API Key.
        2. En Restricciones de clave, elige Restricciones de aplicación y selecciona HTTP referrers (sitios web).
        3. Agrega tu dominio, por ejemplo: <div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950"><div class="sticky top-9 md:top-[5.75rem]" style="padding-left: 80px;">  
            </div><div class="overflow-y-auto p-4" dir="ltr" style="padding-left: 80px;">`<span class="hljs-emphasis">*.tudominio.com/*</span>`</div></div>
        4. Guarda los cambios.

**5. Configurar la API Key en Wakaprint**

1. 1. 1. Accede a tu panel de Wakaprint.
        2. Ve a Ajustes -&gt; Ajustes Generales -&gt; Atención al Cliente -&gt; API Key de Google Maps.
        3. Pega la clave obtenida y guarda los cambios.

#### B. Especificar dirección de GoogleMaps en Wakaprint  


Para completar la configuración pon la Dirección de GoogleMaps.  
Simplemente añade la dirección de tu ubicación.

<p class="callout info">**Por ejemplo;**   
C/ Bureba 5, Nave 44. Naves San Miguel, 09007 Burgos, Burgos</p>

Recuerda que en Ajustes Generales es requerido guardar cambios y posiblemente borrar caché.