Cómo insertar un mapa de Google Maps en tu web

Insertar un mapa de Google Maps en una web es muy sencillo y rápido. Te enseñamos cómo hacerlo en tan solo 10 pasos:

1. Accede a Google Maps.

2. Desplázate por el mapa y ajusta el zoom a la zona a mostrar. Puedes utilizar la caja de búsqueda de la esquina superior izquierda para buscar un lugar e ir a el:

3. En la esquina superior izquierda haz clic sobre las tres líneas horizontales para acceder al Menú:

4. Selecciona la opción Compartir o insertar el mapa:

5. Se abrirá una ventana en la que aparece el enlace para compartir. Nosotros vamos a escoger la opción Insertar mapa.

6. El siguiente paso es elegir el tamaño que mejor se adapte a tu web (pequeño, mediano, grande o tamaño personalizado):

insertar_mapa

7. A continuación copiamos el código <iframe> que se ha generado.

8. Por último, debemos ir a nuestra página web y modificar la visualización  a la vista en HTML. En WordPress aparecen dos pestañas: Visual y HTML.

9. Pegamos el código en la sección en la que queremos insertar el mapa como se muestra en la siguiente imagen:

iframe

Y este es el resultado, el mapa de Google Maps en la web de MappingGIS, mostrando la calle en la que nos encontramos:

¿Sabías que en Google Maps también es posible medir distancias entre dos o más puntos? Es una herramienta de gran ayuda, pero que está un poco escondida, en este post te mostramos cómo hacerlo.

Let’s connect!

Date de alta en nuestro newsletter
y recibe este ebook gratuito

Y una vez al mes recibirás las últimas novedades del sector GIS y de nuestros cursos

1 comentario en “Cómo insertar un mapa de Google Maps en tu web”

  1. Hola!!
    Me encanto esta forma de agregar el mapa de un sitio a tu página web, ees fácil y practico
    yo no sabia de ese truco.
    Muy bueno
    Gracias
    Hasta pronto

Los comentarios están cerrados.