Inserta un mapa de Google en tres pasos o genera aquí el código: un iframe adaptable que se carga de forma diferida, una versión opcional que se carga al hacer clic para proteger la privacidad y la opción oficial de la Maps Embed API.
Para insertar un mapa de Google, abre el lugar en Google Maps, elige Compartir, luego Insertar un mapa, y copia el HTML. Pégalo donde deba aparecer el mapa. Para un mejor resultado, envuelve el iframe para que se ajuste en los teléfonos, añade loading="lazy" y plantéate una versión que se cargue al hacer clic, para que solo se contacte con Google cuando un visitante pida el mapa.
Tres formas de obtener el código de inserción
El generador de abajo escribe el código por ti a partir de una dirección, de tu propia clave de la Maps Embed API o del código que te da Google. Siempre añade un contenedor adaptable y un título, y puede envolver el mapa en un botón de carga al hacer clic.
Sí, con el código de Compartir, Insertar un mapa. La Maps Embed API, que necesita una clave, figura en Google como de uso gratuito. Otros productos de Maps, como el mapa de JavaScript con marcadores personalizados, se cobran por uso tras una cuota mensual gratuita, así que revisa los precios actuales antes de usarlos.
El código copiado fija un ancho y un alto, por ejemplo 600 por 450 píxeles. Quítalos y envuelve el iframe en una caja que use la propiedad CSS aspect-ratio, como hace el resultado del generador, para que se adapte a la pantalla.
Al cargar el mapa se envían a Google la dirección IP y los datos del navegador del visitante, y Google puede instalar cookies. En lugares con normas de consentimiento estrictas, muchos sitios muestran un marcador de posición con un botón Mostrar mapa y cargan el mapa solo después de ese clic, que es lo que hace la opción de carga al hacer clic. Menciona el mapa en tu política de privacidad en cualquier caso.
Indicaciones: usa la pestaña Indicaciones de Google Maps antes de elegir Compartir, o el modo directions de la Maps Embed API. Varios marcadores: crea un mapa en Google My Maps, hazlo público y usa su opción Insertar en mi sitio.
No directamente. Lo que ayuda en la búsqueda local es un Perfil de Empresa de Google completo y un nombre, dirección y teléfono coherentes en toda la web. El mapa ayuda a los visitantes a encontrarte, y eso ya es motivo suficiente.
Si ya copiaste el iframe de Google, pégalo dentro de este contenedor y borra sus atributos width, height y style.
La caja mantiene una forma de 4 por 3 con cualquier ancho. Sustituye el src por el de tu código copiado.
Origen
Desde una dirección
Pegar el código de Google
Clave de la Maps Embed API
Código o URL de Compartir, Insertar un mapa
Dirección o lugar
Zoom: {n}
Clave de API (restríngela a tu dominio)
Esto usa la forma de dirección q=, que Google no documenta. Para una opción oficial, usa tu código copiado o una clave de API.
Forma
Título para lectores de pantalla
Mapa con nuestra ubicación
Cargar al hacer clic (privacidad)
Vista previa del código del mapa generado
Copiar código de inserción
Escribe una dirección o pega el código copiado de Google Maps.
Empieza gratis · Sin tarjeta de crédito