EducaMadrid: Insetar mapa en tu web

5

Click here to load reader

description

Insetar mapa en tu web

Transcript of EducaMadrid: Insetar mapa en tu web

Page 1: EducaMadrid: Insetar mapa en tu web

Insertar un mapa en la web

Page 2: EducaMadrid: Insetar mapa en tu web

Para insertar un mapa en nuestra web tendremos que hacer lo siguiente:

1. Obtener el código embebido del mapa a través de Google Maps.

2. Crear un contenido libre donde insertar el código anterior.

3. Hacer visible el contenido en nuestra web.

Veamos a continuación cada uno de los pasos a seguir.

Page 3: EducaMadrid: Insetar mapa en tu web

Obtener el código desde Google Maps

Accede a la página de Google Maps:

http://maps.google.es/

Introduce la dirección y pulsa en buscar. Aparece en el mapa la ubicación de la dirección introducida.

Pulsa sobre el icono de “enlace”.

Ahora selecciona y copia el código que aparece en el campo Pegar HTML para insertar en un sitio web.

Page 4: EducaMadrid: Insetar mapa en tu web

Crear un contenido para insertar el código de Google Maps

Una vez logado en el portal EducaMadrid, accede al menú principal y selecciona el Administrador de contenidos.

Crea un contenido libre, introduciendo un título y una descripción.

En la pestaña cuerpo, pulsa sobre el icono Pegar fragmento HTML (código embebido).

Pega el código obtenido en Google Maps, y a continuación en Insertar.

Recuerda Guardar el contenido.

Page 5: EducaMadrid: Insetar mapa en tu web

Hacer visible el mapa en nuestra web

Sitúate en la página donde quieras insertar el mapa.

Ahora desde el Menú principal sigue los siguientes pasos:

Añadir Recurso - Contenidos - Agregador de contenidos.

Pulsamos sobre Añadir Contenidos, seleccionamos el contenido que acabamos de crear y pulsamos en Guardar.

El mapa queda incorporado en nuestro espacio web.