Una forma sencilla de insertar y personalizar Google Map sin utilizar la API

Google finalmente ha hecho que incrustar un mapa de Google sea tan fácil como incrustar un video de YouTube. Al seguir estos pasos, solo tiene que copiar y pegar para no colocar un mapa de Google en su sitio web o blog. Este artículo ha sido actualizado para las últimas instrucciones.

Una de las claves de la popularidad de YouTube ha sido la facilidad de incrustar videos de Youtube en blogs. Ahora, colocar un mapa de Google en tu blog es igual de fácil. Usaré un mapa del campus de la Universidad Estatal de Appalachian en este ejemplo.

Incrustar un mapa de Google en lugar de enlazarlo

1. Ir al mapa que quieres incrustar (mi ejemplo).

2. Si el panel de la derecha no está visible, haga clic en pequeña flecha en la parte superior izquierda del mapa para expandir el panel.

3. Haga clic en el Enlazar Icono en el panel. Esto revelará el código de inserción del mapa.

4. Puedes copiar y pegar el código dentro de la Pegar HTML para incrustar en sitio web cuadro de texto, o si está inclinado, haga clic en el Personalizar y previsualizar el mapa incrustado para hacer personalizaciones al código del mapa incorporado.

5. En la página Personalizar, puede modificar el tamaño del mapa e incluso convertirlo en un tamaño personalizado. También hay una vista previa en vivo de los cambios en el mapa. Una vez que haya personalizado el mapa a su gusto, copie y pegue el código de la Copia y pega este HTML para incrustar en tu sitio web. textarea

A continuación se muestra un ejemplo incrustado utilizando los pasos anteriores. Siéntase libre de hacer clic y recorrer el mapa. Podrá arrastrar y hacer zoom como si estuviera en el sitio real de Google Maps.


Ver mapa más grande

Nota del editor: Este artículo fue publicado originalmente hace varios años. Esta actualización agrega mejores direcciones y fotos más detalladas.