Cómo incrustar un mapa de Google en HTML: 9 pasos (con imágenes)

Tener un mapa del área de la que está hablando en su sitio web puede ser extremadamente útil. Esto le mostrará cómo incrustar un mapa de Google en HTML.

Pasos

Parte 1 de 2:

Obtención del código de Mapa de Google

1. Ir a la ubicación que quieres compartir en https: // Google.com / maps. Esto abrirá un mapa específicamente dentro de Google Maps.

Imagen titulada Insertar un mapa de Google en HTML Paso 2

2. Hacer clic ☰. Esto está a la izquierda de la ventana del navegador.

Imagen titulada Incrustar un mapa de Google en HTML Paso 3

3. Hacer clic Compartir o incrustar mapa. Puede que vea "Enlace a este mapa" en su lugar. Esta opción es hacia la parte inferior del menú.

Imagen titulada Incrustar un mapa de Google en HTML Paso 4

4. Haga clic en el Incrustar un mapa pestaña.

Imagen titulada Insertar un mapa de Google en HTML Paso 5

5. Seleccione el tamaño del mapa que desea. Junto al campo del texto, verás PEQUEÑA, MEDIO, GRANDE, o TAMAÑO PERSONALIZADO. Haga clic en la flecha pequeña que apunta hacia abajo para cambiar el tamaño del mapa.

Imagen titulada Incrustar un mapa de Google en HTML Paso 6

6. Copia el texto proporcionado. Puedes usar los atajos de teclado control+C (Windows) o ⌘ CMD+C (Mac) para copiar el texto. En un dispositivo móvil, puede tocar el texto para las opciones "Seleccionar todo" y "Copiar".

Parte 2 de 2:

Incrustando el código del mapa de Google

1. Abre tu HTML. Podrías usar un programa como Dreamweaver o usar un simple procesamiento de textos Aplicación como Bloc de notas y textEdit en el que edita su archivo HTML.

Imagen titulada Incrustar un mapa de Google en HTML Paso 8

2. Navegue a donde desea incrustar el código del mapa de Google. En aplicaciones como Dreamweaver, puede ver cómo se traduce el código en una página web, por lo que puede navegar fácilmente a través del código HTML. Sin esas aplicaciones, deberá saber dónde está en la página web mirando el código.

Imagen titulada Incrustar un mapa de Google en HTML Paso 9

3. Pegar el código de Google Maps. Puedes usar los atajos de teclado presionando control+PAG (Windows) o ⌘ CMD+PAG (Mac). En un dispositivo móvil, puede tocar long-toque el campo de texto y toque "Pegar" cuando aparezca la opción.