devpack
EnglishDeutsch · StartseiteFrançais · AccueilEspañol · InicioPortuguês (Brasil) · Início
Auditoría web

Esta página aún no está traducida al español, así que la mostramos en inglés.

Google Maps Embed Generator — Responsive Map Without an API Key

Show your office, store or event on a Google Map without signing up for an API key. Type an address, place name or coordinates, set the zoom, map or satellite view and language, and copy a responsive embed that lazy-loads. You also get ready-made “Get directions” and “Open in Google Maps” links for buttons.

Actualizado el

Coordinates work too, like 40.7484, -73.9857.

Preview

Embed code


    
Links for buttons

    
In Webflow add an Embed element (or Site settings → Custom code) and paste the code; in WordPress use a Custom HTML block.

  

  


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

    
    
    

      
Cómo usar: Google Maps Embed Generator
  1. Type an address, a business name or coordinates.
  2. Set the zoom (15 for a street, 11 for a city), the map type and the language of the labels.
  3. Choose the height and corner radius; keep lazy loading on so the map doesn’t slow down the page.
  4. Copy the embed code, and the directions or “Open in Maps” link for a button.


No API key needed


The embed uses Google Maps’ public embed URL with your search, zoom, map type and language, so it works without a Google Cloud account or billing. For custom styling, several markers or the JavaScript API you do need a key — but for a “find us” map this is all you need.


Links that open the Maps app


The directions and search links use Google’s official Maps URLs (google.com/maps/dir/?api=1 and /search/?api=1). On phones they open the Google Maps app; on desktop, Maps in the browser.


The map is wrapped to be responsive: it fills the width of its container at the height you choose. loading="lazy" delays loading until the visitor scrolls near it, which keeps the page fast. Related: Video Embed Code Generator, Schema Generator (add LocalBusiness markup with your address).
También se busca como: embed google map, google maps iframe, responsive google map embed, google map embed code, embed map without api key, google maps directions link.
Herramientas que combinan con: Google Maps Embed Generator
  • 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.
  • Mailto Link Generator — Build an email link that opens the visitor’s mail app with everything filled in: recipients, CC and BCC, a subject and a multi-line body.
  • HTML & CSS to Webflow — Paste HTML and its CSS, click Copy to Webflow and paste into the Designer — you get real Div Blocks, Headings, Links, Images and Lists with classes, combo classes, tablet/mobile breakpoints and hover states instead of one big Code Embed.
  • Page Speed Test — Run Google Lighthouse on any URL for mobile or desktop.
Preguntas frecuentes
How do I embed a Google Map without an API key?
Type the address here and copy the iframe. It uses Google’s public embed URL, which needs no key. Paste it into an Embed element in Webflow or a Custom HTML block in WordPress.
How do I make a Google Map responsive?
Give the iframe width: 100% and a fixed height (the code does both). It then fills its container on every screen size.
How do I link to directions on Google Maps?
Use the directions link from the “Links for buttons” box — it opens Google Maps with your address as the destination, on the phone app or the website.
Can I show several locations on one map?
Not with a simple embed — that needs the Maps JavaScript API with a key, or a saved map from My Maps, which has its own embed code.
¿Puedo instalar Google Maps Embed Generator como aplicación web y utilizarla sin conexión?
Sí. Google Maps Embed Generator 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
localVideo Embed Code GeneratorPaste a video link from YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive or…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…localMailto Link GeneratorBuild an email link that opens the visitor’s mail app with everything filled in: recipients, CC and BCC, a…localHTML & CSS to WebflowPaste HTML and its CSS, click Copy to Webflow and paste into the Designer — you get real Div Blocks,…apiPage Speed TestRun Google Lighthouse on any URL for mobile or desktop. See performance, accessibility, best-practices and…