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

Google Maps es un servidor de aplicaciones de mapas en la web que pertenece a Alphabet Inc. Ofrece imágenes de mapas, así como fotografías satélite de todo el mundo. Además ofrece otras herramientas como:

  • Cálculo de rutas entre diferentes ubicaciones (a pie, bicicleta, en transporte público, en coche, etc).
  • Imágenes a pie de calle con Google Street View,
  • Tráfico en tiempo real
  • Un navegador GPS.

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 él:

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 aparecerá 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  que se ha generado. La etiqueta <iframe> permite embeber un documento dentro del documento HTML actual.

8. Por último, debemos ir a nuestra página web y modificar la visualización a 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 nuestra newsletter y te enviaremos GRATIS el ebook que te ayudará a impulsar tu perfil GIS:
Vitaminas MappingGIS

Tan solo 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.