Google Maps
Cómo integrar y personalizar Google Maps en tu sitio web de Madra.
¿Cómo se muestra el mapa en mi sitio?
Si proporcionaste una dirección de negocio en tu formulario de pedido, tu sitio web de Madra incluye un widget de Google Maps integrado. El mapa se muestra normalmente en la página de Contacto, encima o debajo del formulario de contacto, e indica la ubicación exacta de tu negocio con un marcador.
El mapa es interactivo: los visitantes pueden acercar y alejar el zoom, cambiar entre la vista de mapa y la de satélite, y hacer clic en el marcador para obtener indicaciones desde su ubicación actual. En los dispositivos móviles, el mapa admite gestos táctiles como pellizcar para hacer zoom.
El mapa integrado se carga mediante la API oficial Maps Embed de Google, que garantiza fiabilidad, un rendimiento rápido y compatibilidad con todos los navegadores modernos.
¿Cómo cambio la dirección del mapa?
Si tu negocio se traslada o necesitas mostrar una ubicación distinta, puedes actualizar la dirección en cualquier momento. Así se hace:
Envía un mensaje a través de tu panel o escribe a hello@madra.io con la nueva dirección que quieres mostrar.
Nuestro equipo sustituye el mapa integrado por la nueva ubicación. Esto suele tardar menos de unas pocas horas.
Revisa tu sitio publicado para confirmar que el mapa muestra la ubicación correcta. Si algo no encaja, dínoslo y lo ajustaremos.
Si tienes varias ubicaciones (por ejemplo, dos oficinas, o una tienda y un almacén), podemos añadir varios mapas o un único mapa con varios marcadores.
¿Puedo personalizar la apariencia del mapa?
Sí. Aunque el mapa de Google Maps integrado por defecto funciona bien para la mayoría de los negocios, dispones de varias opciones de personalización:
- Nivel de zoom — elige el nivel de zoom con el que aparece el mapa por defecto. Un zoom más cercano es mejor para indicaciones precisas a nivel de calle, mientras que una vista más amplia es útil si tu negocio abarca una zona mayor.
- Tipo de mapa — muestra el mapa de carreteras estándar, las imágenes de satélite o un híbrido de ambos.
- Tamaño y disposición — el mapa puede ocupar todo el ancho de la página, situarse en una columna junto a tu formulario de contacto o aparecer como un elemento más pequeño dentro de una sección.
- Modo oscuro — si tu sitio web usa una combinación de colores oscura, podemos aplicar un mapa con estilo oscuro que se integre a la perfección con tu diseño.
Dinos tus preferencias y configuraremos el mapa para que coincida con el aspecto y la sensación de tu sitio.
¿Google Maps está incluido en todos los planes?
Sí. La integración de Google Maps está incluida sin coste adicional en todos los planes de Madra, desde Esencial hasta Aceleración. No hay tarifas de uso ni costes de API por tu parte — Madra se encarga de la configuración técnica y del alojamiento del mapa integrado.
La integración usa el nivel gratuito de la API Maps Embed de Google, que ofrece vistas de mapa ilimitadas para los mapas integrados. Google nunca te cobrará por mostrar el mapa en tu sitio web.
¿El mapa funciona en dispositivos móviles?
El mapa de Google Maps integrado es totalmente responsive y se adapta a cualquier tamaño de pantalla. En los dispositivos móviles, los visitantes pueden interactuar con el mapa usando los gestos táctiles habituales:
- Pellizcar para hacer zoom — usa dos dedos para acercar o alejar.
- Arrastrar para desplazarte — desliza un dedo para moverte por el mapa.
- Tocar el marcador — abre una ventana emergente con el nombre y la dirección de tu negocio.
- Obtener indicaciones — al tocar el enlace de indicaciones se abre la aplicación de Google Maps (si está instalada) o la versión para navegador móvil.
El contenedor del mapa se redimensiona automáticamente para ajustarse al ancho de la pantalla manteniendo una altura utilizable. En pantallas muy pequeñas, el mapa sigue funcionando y nunca se desborda ni rompe el diseño de la página.