Para insertar un mapa en una web se copia un código iframe: Google Maps lo ofrece en «Compartir», «Insertar un mapa», y esta herramienta genera uno sin cookies de terceros, con uno o varios puntos. El código se pega en la página de contacto o en cualquier bloque HTML del gestor de contenidos.
¿Cómo insertar un mapa de Google Maps en una web?
Un mapa de Google Maps se inserta en una web buscando el lugar en Google Maps, pulsando «Compartir», eligiendo la pestaña «Insertar un mapa» y copiando el código HTML que aparece, que se pega después en la página. El tamaño se elige en el desplegable: pequeño, mediano, grande o personalizado.
Los pasos son los siguientes:
- Buscar la dirección o el negocio en Google Maps desde el ordenador.
- Pulsar «Compartir» y abrir la pestaña «Insertar un mapa».
- Elegir el tamaño y pulsar «Copiar HTML».
- Pegar el código en la página web, en un bloque o en el modo HTML del editor.
Este método no necesita clave de API. Para mapas más elaborados, como rutas o vistas de Street View dentro de la web, Google ofrece la Embed API, gratuita pero con clave.
¿Cómo insertar un mapa sin cookies de Google?
Un mapa se inserta sin cookies de Google generando el código en esta herramienta, que usa mapas de OpenStreetMap servidos sin cookies de seguimiento: el visitante ve el mapa sin que se instalen cookies de terceros y sin necesidad de pedir su consentimiento solo por el mapa. El código admite uno o varios marcadores.
El mapa de Google insertado puede instalar cookies de terceros en el navegador del visitante, y en la Unión Europea las cookies que no son técnicas requieren consentimiento previo, como recuerda la guía de la Agencia Española de Protección de Datos. Muchas webs bloquean el mapa de Google hasta que el visitante acepta las cookies; un mapa sin cookies evita ese hueco en la página de contacto.
| Google Maps insertado | Mapa de esta herramienta | |
|---|---|---|
| Clave de API | no para el iframe básico | no |
| Cookies de terceros | posibles | no |
| Varios marcadores | no en el iframe básico; sí con My Maps | sí |
| Botón «Cómo llegar» | sí, abre Google Maps | sí, abre la aplicación de mapas del visitante |
| Imagen de satélite | sí | sí, con ortofoto PNOA en España |
¿Cómo insertar un mapa en WordPress?
Un mapa se inserta en WordPress añadiendo un bloque «HTML personalizado» en la página, pegando dentro el código iframe y pulsando «Vista previa» para comprobarlo. En el editor clásico se pega el código en la pestaña «Texto», no en la «Visual», para que WordPress no lo convierta en texto.
Los pasos en el editor de bloques son los siguientes:
- Abrir la página de contacto y pulsar «+» para añadir un bloque.
- Buscar «HTML personalizado» y añadirlo.
- Pegar el código iframe de Google Maps o de esta herramienta.
- Cambiar el ancho a «100%» en el código si se quiere que el mapa ocupe toda la columna, y publicar.
En Wix, Squarespace y otros constructores se usa el elemento «Insertar código» o «HTML» del propio editor.
¿Cómo insertar un mapa de My Maps?
Un mapa de Google My Maps se inserta abriendo el mapa, haciendo que sea público en «Compartir», y eligiendo «Insertar en mi sitio» en el menú de los tres puntos: aparece un código iframe que se pega en la web igual que el de Google Maps. Es la forma de insertar con Google un mapa con varios marcadores y capas.