Cómo insertar Google Maps en tu web (WordPress)

¿CÓMO INSERTAR GOOGLE MAPS?

Seguro que has visto muchas páginas web o blogs que tienen insertado un mapa de Google Maps. Si te gustaría poder ponerlo en el tuyo, pero no sabes como hacerlo, toma nota que te lo explico paso a paso, ya verás qué fácil es y no necesitas plugin ni api:

  • Buscamos en Google Maps la dirección o el lugar que queramos que aparezca en nuestro mapa.
  • Pinchamos arriba a la izquierda en las tres rayitas y seleccionamos «Compartir o insertar el mapa»
  • En la ventana que se nos abre, no le damos a «Copiar enlace» sino a «Insertar un mapa»
  • En esta ventana a la izquierda vemos que pone «Mediano», ahí podremos seleccionar, pequeño, mediano, grande o tamaño personalizado. Elegimos el que prefiramos, por defecto es mejor dejarlo en Mediano.
  • Pinchamos en «COPIAR HTML»
  • Vamos a nuestro blog o web de WordPress y abrimos un nuevo bloque seleccionando «Párrafo clásico»
  • En los tres puntitos seleccionamos «Editar como HTML»
  • Pegamos aquí el enlace copiado
  • Damos a Actualizar y ya tendremos el mapa insertado en el que podremos hacer zoom in, zoom out e incluso pinchar en «Como llegar».

¿CÓMO PONER MARCO A NUESTRO MAPA?

Pero si nos apetece que el mapa aparezca enmarcado, haremos lo siguiente:

  • Seguimos los pasos del 1-7
  • En el paso 8, cuando peguemos el enlace, añadimos este texto justo antes de donde pone src <iframe style="margin: 0 auto; display: block; border: 3px solid #019cba; border-radius: 20px 20px 20px 20px; padding: 20px;"    
  • Damos a actualizar y el mapa aparecerá enmarcado.

El tamaño del mapa también lo podremos modificar cuando peguemos el enlace de Google Maps cambiando los valores donde pone width="600" height="400", sustituyendo 600 y 400 por los valores que queramos, de esta manera modificaremos el tamaño, siempre teniendo en cuenta que dependiendo del tema que tengamos en WordPress podremos ponerlo más o menos ancho.

Si cuando quieras seguir escribiendo se te queda fijado el párrafo clásico y no puedes ver las opciones del párrafo normal, cuando abras otro bloque, pincha arriba a la derecha en los tres puntitos y selecciona «Mostrar más ajustes»

Has visto? Es muy sencillo y tu web tendrá un aspecto más profesional.

PONER MÁS DE 10 PUNTOS O PARADAS EN UNA RUTA DE GOOGLE MAPS

Si quisiésemos hacer un mapa con una ruta que contenga muchos destinos o paradas comprobaremos que Maps no nos deja poner más de 10, pero se puede, hay que hacer los siguiente:

  • Hacemos clic en la barra de búsqueda, arriba, donde ponemos las direcciones www.
  • Ahí buscamos una @, nos situamos delante y ponemos +/ (la que está sobre el 7)
  • Damos intro y nos dejará añadir otro punto o parada más
  • Repetimos lo mismo con todas las que queramos añadir.

Puedes ver el vídeo aquí –>

Espero haberte ayudado y si es así o tienes alguna duda, no dudes en dejarme tu comentario o contactarme vía email. Gracias por tu visita.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *