Mapa de Google para sitio web
Escribe la dirección o el nombre del lugar. La vista previa muestra el mapa y el código ya viene responsive, ocupando el ancho de la página en el celular.
Cómo usarMapa de la dirección en el sitio
Disponible en: 
Mapa de Google para sitio web: para qué sirve
Escribe la dirección o el nombre del lugar y elige el zoom, el tipo (mapa, satélite o satélite con calles), la altura y las esquinas. La vista previa muestra el mapa de verdad y el código sale con ancho de 100%, carga diferida (loading=lazy) y título para accesibilidad.
La herramienta también genera el enlace de cómo llegar, que abre la ruta en Google Maps o en la aplicación del celular.
Cómo usar
- Escribe la dirección del negocio.
- Ajusta el zoom, el tipo y la altura del mapa.
- Copia el código del mapa y el enlace de cómo llegar.
Cuándo usar
- Página de contacto de tiendas, clínicas y restaurantes.
- Sitios de eventos y bodas.
- Landing pages de negocios locales.
Preguntas frecuentes
¿Se necesita una clave de API de Google?
No. El código usa la dirección de inserción simple de Google Maps (maps.google.com con output=embed), que no pide clave. Para mapas con estilo personalizado o muchos marcadores, ahí sí se necesita la API de Google Maps.
¿El mapa hace lento el sitio?
El iframe de Google es pesado. El código usa loading="lazy", así que el mapa solo se carga cuando el visitante se desplaza hasta él. Pon el mapa al final de la página, cerca del contacto.
¿Cómo hago el botón de cómo llegar?
Usa el enlace generado: abre Google Maps (o la aplicación en el celular) con la ruta hasta la dirección. Funciona bien en un botón junto al mapa.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.