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.

Acerca de: Programator

Somos Instinto Programador

0 comentarios:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Con tecnología de Blogger.