Cómo Insertar Un Mapa De Google En Un Sitio Web

Cómo Insertar Un Mapa De Google En Un Sitio Web
Cómo Insertar Un Mapa De Google En Un Sitio Web

Tabla de contenido:

Anonim

El servicio de mapas de Google ofrece a los usuarios la posibilidad de alojar sus mapas interactivos en sitios web. En este caso, puede incrustar un mapa simple y una ruta de conducción o búsqueda local. Marque sus lugares favoritos en mapas y publíquelos en blogs personales u obtenga indicaciones para llegar a su oficina de forma rápida y sencilla.

Cómo insertar un mapa de Google en un sitio web
Cómo insertar un mapa de Google en un sitio web

Instrucciones

Paso 1

Vaya a Google.com y vaya a la sección "Mapas" haciendo clic en el icono correspondiente en la parte superior de la página.

Paso 2

Si desea colocar un mapa con una dirección específica marcada en él, ingréselo en el cuadro de búsqueda y presione la tecla Enter.

Paso 3

Si necesita crear una ruta, por ejemplo, desde la estación de metro más cercana, vaya a la pestaña "Rutas" en la parte superior izquierda de la página. Ingrese el punto de inicio de la ruta en la línea A y el destino en la línea B. Haga clic en el botón "Obtener direcciones".

Paso 4

Asegúrese de que el mapa que le gustaría colocar en su sitio se muestre en la ventana del navegador. Busque el botón "Enlace a esta página" y haga clic en él. El vínculo se encuentra cerca de la esquina superior izquierda del mapa y es un botón gris con eslabones de cadena.

Paso 5

Aparecerán dos líneas en la ventana emergente: "enlace para mensajes de correo electrónico" y "código HTML para agregar al sitio". Lo adivinaste, necesitas la segunda línea.

Paso 6

Si el mapa que se muestra en la página está centrado y satisface completamente las escalas y tamaños que necesita, copie el contenido de la línea y agréguelo al código HTML de su sitio.

Paso 7

Si desea ajustar la imagen, haga clic en el enlace "Configuración y vista previa del mapa incrustado". En la ventana que se abre, puede seleccionar el tamaño del mapa y la escala del área mostrada.

Paso 8

Copie el HTML que se muestra en la parte inferior de la página y colóquelo en su sitio.

Recomendado: