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):
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:
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.
Licenciado en Geografía. Máster en Sistemas de Información Geográfica. Consultor GIS desde el año 2004. En MappingGIS desde el año 2012 para ayudarte a impulsar tu perfil GIS y diferenciarte de la competencia. Echa un vistazo a todos nuestros cursos de SIG online.
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