devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Auditoría web

Generador de Embed de Google Maps — Mapa responsive sin API key

Muestra tu oficina, tienda o evento en un mapa de Google sin registrarte para obtener una API key. Escribe una dirección, el nombre de un lugar o las coordenadas, ajusta el zoom, la vista de mapa o satélite y el idioma, y copia un embed responsive con carga diferida. También obtienes enlaces listos para botones: “Cómo llegar” y “Abrir en Google Maps”.

Actualizado el

También puedes usar coordenadas, como 40.7484, -73.9857.

Vista previa

Código embed


    
Enlaces para botones

    
En Webflow añade un elemento Embed (o Ajustes del sitio → Código personalizado) y pega el código; en WordPress usa un bloque HTML personalizado.

  

  


    
 Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

    
    
    

      
Cómo usar: Generador de Embed de Google Maps
  1. Escribe una dirección, el nombre de un negocio o las coordenadas.
  2. Ajusta el zoom (15 para una calle, 11 para una ciudad), el tipo de mapa y el idioma de las etiquetas.
  3. Elige la altura y el radio de las esquinas; deja activada la carga diferida para que el mapa no ralentice la página.
  4. Copia el código embed y el enlace de “Cómo llegar” o “Abrir en Maps” para un botón.


No necesitas API key


El embed usa la URL pública de incrustación de Google Maps con tu búsqueda, zoom, tipo de mapa e idioma, así que funciona sin cuenta de Google Cloud ni facturación. Para estilos personalizados, varios marcadores o la API de JavaScript sí necesitas una clave, pero para un mapa de “encuéntranos” esto es todo lo que hace falta.


Enlaces que abren la app de Maps


Los enlaces de cómo llegar y de búsqueda usan las URL oficiales de Google Maps (google.com/maps/dir/?api=1 y /search/?api=1). En el móvil abren la app de Google Maps; en el escritorio, Maps en el navegador.


El mapa está preparado para ser responsive: ocupa el ancho de su contenedor con la altura que elijas. loading="lazy" retrasa la carga hasta que el visitante se acerca al mapa al hacer scroll, lo que mantiene la página rápida. Relacionados: Generador de código para vídeos, Generador de Schema (añade marcado LocalBusiness con tu dirección).
También se busca como: generador de embed google maps, insertar google maps sin api key, código embed google maps, iframe google maps responsive, embeber mapa de google maps, código iframe google maps, enlace cómo llegar google maps, mapa de google maps en web.
Herramientas que combinan con: Generador de Embed de Google Maps
  • Generador de códigos QR — Crea un código QR para un enlace, datos de conexión a una red Wi-Fi, una tarjeta de contacto, un correo electrónico, un número de teléfono o un SMS.
  • Generador de Enlaces Mailto — Crea un enlace de correo que abre la app de email del visitante con todo rellenado: destinatarios, CC y CCO, un asunto y un cuerpo de varias líneas.
  • HTML y CSS a Webflow — Pega el HTML y su CSS, haz clic en Copiar a Webflow y pega en el Designer: obtendrás Div Blocks, Headings, Links, Images y Lists reales, con clases, combo classes, breakpoints para tablet y móvil y estados hover, en lugar de un único Code Embed.
  • Test de velocidad de página — Ejecuta Google Lighthouse en cualquier URL para móvil o escritorio.
Preguntas frecuentes
¿Cómo inserto un mapa de Google Maps sin API key?
Escribe la dirección aquí y copia el iframe. Usa la URL pública de incrustación de Google, que no requiere ninguna clave. Pégalo en un elemento Embed de Webflow o en un bloque HTML personalizado de WordPress.
¿Cómo hago que un mapa de Google Maps sea responsive?
Dale al iframe width: 100% y una altura fija (el código hace ambas cosas). Así ocupará todo el ancho de su contenedor en cualquier tamaño de pantalla.
¿Cómo creo un enlace para cómo llegar en Google Maps?
Usa el enlace de cómo llegar del cuadro “Enlaces para botones”. Abrirá Google Maps con tu dirección como destino, tanto en la app del móvil como en la web.
¿Puedo mostrar varias ubicaciones en un mismo mapa?
No con un embed sencillo. Para eso necesitas la API de JavaScript de Maps con una clave, o un mapa guardado en Mis mapas, que tiene su propio código de incrustación.
¿Puedo instalar Generador de Embed de Google Maps como aplicación web y utilizarla sin conexión?
Sí. Generador de Embed de Google Maps es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.

      
    

    
    
Herramientas relacionadas
localGenerador de código embed de vídeoPega un enlace de vídeo de YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive o…localGenerador de marcado SchemaElige un tipo de esquema, rellena el formulario y copia el código JSON-LD listo para pegar. Los campos…localGenerador de códigos QRCrea un código QR para un enlace, datos de conexión a una red Wi-Fi, una tarjeta de contacto, un correo…localGenerador de Enlaces MailtoCrea un enlace de correo que abre la app de email del visitante con todo rellenado: destinatarios, CC y…localHTML y CSS a WebflowPega el HTML y su CSS, haz clic en Copiar a Webflow y pega en el Designer: obtendrás Div Blocks, Headings,…apiTest de velocidad de páginaEjecuta Google Lighthouse en cualquier URL para móvil o escritorio. Consulta las puntuaciones de…