Google Maps es una herramienta gratuita muy popular para mostrar mapas e indicaciones. En esta guía se muestra cómo incrustar (es decir, mostrar) un mapa de Google en tu sitio web de WordPress.com.
En esta guía
Puedes incrustar un mapa de Google en cualquier página de tu sitio de WordPress.com siguiendo estos pasos:
- Ve a Google Maps.
- Busca una dirección o ubicación geográfica y haz clic en el botón «Compartir«:
- En la ventana emergente que aparece, elige la pestaña «Incrustar un mapa«.
- Haz clic en el botón «Copiar HTML» para copiar todo el código HTML del cuadro en el portapapeles de tu ordenador. El código empezará por
<iframe.
- Abre la página de tu sitio web en el editor de WordPress.
- Para añadir un bloque HTML personalizado, haz clic en la inserción de bloques.
- Pega el código de incrustación completo en el bloque.
- Haz clic en el botón Publicar, Actualizar o Guardar para que tu mapa aparezca en el sitio.
La próxima vez que edites tu página o entrada, verás que el código de incrustación se ha convertido en shortcode:
Si tu código no funciona, prueba a usar una dirección física. Es posible que las direcciones creadas con coordenadas de longitud y latitud en lugar de una dirección física no te proporcionen un código viable.
Este es un ejemplo del aspecto que tendrá el mapa incrustado:
Google Maps te permite crear tus propios mapas personalizados con pines, varias ubicaciones, iconos personalizados y mucho más. Puedes incrustar un mapa personalizado en tu sitio web siguiendo estos pasos:
- Visita Mis mapas.
- Elige un mapa que ya hayas creado o crea otro nuevo.
- Usa la opción «Compartir» para que el mapa sea público:
- Haz clic en los tres puntos que aparecen junto al nombre del mapa para ver más opciones. Aparecerá una ventana, como se muestra a continuación:
- En la lista, elige «Incrustar en mi sitio«. Se abrirá una ventana con un código de incrustación. Copia todo el código.
- Para crear un mapa normal, añade el código de incrustación en tu sitio siguiendo los mismos pasos.
