Google Maps 1 Qu es Google Maps?

2 Crear un mapa en GMap 3 Publicar un mapa Google en Blogger 4 Publicar un mapa Google en Wordpress

1 Qu es Google Maps?
Google Maps (http://maps.google.es/) proporciona herramientas para la integracin de mapas geogrficos en nuestro sitio web o blog. De esta forma es posible proporcionar a los lectores de nuestro blog un mapa con la ubicacin de centros de inters referenciados. Bsicamente consiste en aadir al mapa una capa con sealadores, textos, imgenes, enlaces, etc. Estas prestaciones son susceptibles de aplicarse a mltiples contextos educativos, culturales, empresariales, etc donde sea interesante la tcnica de geolocalizacin de recursos multimedia: visitas, itinerarios, noticias, proyectos, fotografas, etc.

2 Crear un mapa en GMap

1. Accede a la web de Google Maps: http://maps.google.es/

2. Clic en el enlace Acceder situado en la esquina superior derecha. 3. Introduce las mismas credenciales (usuario y contrasea) que utilizas habitualmente para Blogger.

4. Para situar un marcador sobre el mapa es necesario autentificarse previamente. Si ya lo has hecho pulsa en el enlace Mis Mapas.

5. Clic en el botn Crear un mapa nuevo

6. Utiliza el buscador y las opciones de zoom y navegacin del mapa para situarte en el mapa de la zona que deseas mostrar. Por ejemplo: la pennsula ibrica. Elige como vista el modo Satlite. 7. En la columna izquierda del nuevo mapa introduce el Ttulo y la Descripcin. Asegrate de que est marcada la opcin Pblico para que el recurso sea accesible por cualquier usuario.

8. Descarga y descomprime el archivo gmaps.zip. Como resultado obtendrs un archivo de texto gmaps.txt. Haz doble clic sobre l para abrirlo con el Bloc de Notas. En l se proporciona ttulo, descripcin e imagen de algunos de los monumentos ms importantes de Espaa. Puedes seleccionar otros si lo estimas conveniente. 9. Regresa al mapa de Google y haz clic en el botn Aadir un marcador de posicin y a continuacin haz clic en el punto del mapa donde desees situarlo. Por ejemplo: Coloca un alfiler en Barcelona.

10. Se mostrar un recuadro para introducir los datos del marcador. Activa el modo Texto enriquecido para facilitar la insercin de imgenes. 11. En la casilla Ttulo introduce el ttulo del marcador, p.e. Sagrada Familia y en Descripcin copia y pega el texto descriptivo de este monumento contenido en el archivo de texto descargado. 12. Clic en el botn Aadir imagen y en el cuadro Introduce la URL de la imagen copia y pega la URL absoluta a la imagen contenida en el archivo de texto. 13. Para terminar la edicin de las propiedades de este marcador pulsa en el botn Aceptar. 14. Repite los pasos anteriores para situar el resto de marcadores contenidos en el documento de texto: La Giralda (Sevilla), la Alhambra (Granada), El Escorial (San Lorenzo de El Escorial) y la Catedral de Santiago. Observa que los marcadores que se van aadiendo aparecen en la parte inferior de la columna izquierda del mapa. 15. Una vez que hayas terminado el mapa haz clic en el enlace Guardar y luego en el enlace Listo.

16. Tras pulsar en Listo se visualizar el mapa tal y como lo ver un visitante. Puedes navegar por l y comprobar si la informacin que se muestra en los distintos marcadores es correcta y se visualiza adecuadamente al pulsar sobre cada uno de los marcadores. Para cambiar algn dato sera necesario pulsar en el botn Editar.

3 Publicar un mapa Google en Blogger

1. Pulsa en el botn Enlazar que se muestra en la esquina superior derecha del mapa. En el cuadro que aparece se ofrece en primer lugar un enlace directo a este mapa en Google Maps. Esta direccin se puede copiar (clic derecho+Seleccionar todo y clic derecho+Copiar) y pegar (clic derecho+Pegar) sobre el cuerpo de un mensaje de correo electrnico para enviarlo a otros usuarios y compartir con ellos este mapa. 2. Para insertar el mapa en un artculo del blog hay que copiar el cdigo que se ofrece en el cuadro Pegar HTML para insertar en sitio web. Para ello haz clic derecho sobre este cuadro y elige Seleccionar todo. Despus haz clic derecho y elige la opcin Copiar.

3. Accede a Blogger (http://www.blogger.com) e introduce tus credenciales de la cuenta Google. Desde el Escritorio haz clic en el botn Nueva entrada. 4. Aade como ttulo: Mi mapa Google 5. En el editor haz clic en el enlace Edicin de HTML para mostrar el cdigo HTML del artculo.

6. Haz clic derecho sobre el cuadro de texto del editor y elige Pegar.

7. Clic en el botn PUBLICAR ENTRADA.

8. Pulsa en el enlace Ver blog para comprobar cmo se visualiza el mapa Google.

4 Publicar un mapa Google en Wordpress

1. Pulsa en el botn Enlazar que se muestra en la esquina superior derecha del mapa. En el cuadro que aparece se ofrece en primer lugar un enlace directo a este mapa en Google Maps. Esta direccin se puede copiar (clic derecho+Seleccionar todo y clic derecho+Copiar) y pegar (clic derecho+Pegar) sobre el cuerpo de un mensaje de correo electrnico para enviarlo a otros usuarios y compartir con ellos este mapa. 2. Para insertar el mapa en un artculo del blog hay que copiar el cdigo que se ofrece en el cuadro Pegar HTML para insertar en sitio web. Para ello haz clic derecho sobre este cuadro y elige Seleccionar todo. Despus haz clic derecho y elige la opcin Copiar.

3. Accede al interfaz de gestin de contenidos de Wordpress y elige la opcin Entradas > Aadir para crear un nuevo artculo. 4. Aade como ttulo: Mi mapa Google 5. En el editor haz clic en la pestaa HTML para mostrar el cdigo HTML del artculo.

6. Haz clic derecho sobre el cuadro de texto del editor y elige Pegar. Observa que se pega una etiqueta de cdigo HTML iframe. Wordpress no admite esta etiqueta al guardar el artculo por motivos de seguridad. Sin embargo cuando se guarda el artculo y se publica, el sistema transformar esta etiqueta en otra del tipo [googlemaps ] que insertar el mapa deseado en la entrada actual.

7. Clic en el botn Publicar. 8. Pulsa en el