Trucos para el blog (1)

Insertar un mapa o unas indicaciones

Para insertar un mapa o unas indicaciones en un sitio web o blog, sigue los pasos que se indican a continuación:

• Abre Google Maps.
• Comprueba que aparecen el mapa, la imagen de Street View o las indicaciones que quieres insertar.
• En la esquina superior izquierda, haz clic en Menú .
• Haz clic en "Compartir o insertar el mapa".
• En la parte superior del cuadro que aparece, selecciona "Insertar mapa".
• Selecciona el tamaño que quieras y, a continuación, copia el código de inserción HTML y pégalo en el código fuente de tu sitio web o blog exactamente en el lugar que quieras que aparezca el mapa.

Notas:

Si estás usando Maps en el modo básico, no podrás insertar un mapa.

Es posible que en el mapa insertado no se incluya información de Maps como el tráfico o similar.

El código de inserción del mapa es, en este caso:

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d31255.029897020133!2d37.622980201622966!3d55.75068325640403!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1500360506694" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Los números en rojo puedes variarlos para adaptarlos al ancho y alto de la ventana de mapa que se adapte a tu blog (al margen de que previamente se te permita escoger el tamaño del mapa).

Si quieres que el mapa salga centrado el código será:

<div style="text-align: center;">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d31255.029897020133!2d37.622980201622966!3d55.75068325640403!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1500360506694" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

</div>