Tutorial básico de Google Maps

Page 1

1. TUTORIAL DE GOOGLE MAPS Hacer un mapa digital es sencillo con los sistemas actuales de geotagging, es decir, sitios donde colocar información multimedia en mapas y etiquetarla, como son Google Maps, Panoramio, Tagzania, Wayfaring, Yourgmap, GMiF, Yahoo Mapas, Click2Map, etc. Hemos apostado por Google Maps, por su facilidad de manejo y por las constantes utilidades con que se actualiza, por ejemplo, ver el mapa con curvas de relieve o el novedoso servicio Street View. Con una cuenta Gmail, además de poder buscar y ver mapas de todo el mundo creados por otros usuarios, se pueden hacer mapas personalizados con localizaciones, recorridos y zonas concretas. Además, permite su inclusión en un blog o wiki, u otro tipo de sistemas de publicación web 1. 1.1. ¿Qué es Google Maps?2 Google Maps es un servicio de Google que ofrece imágenes vía satélite de todo el planeta, combinadas con mapas de sus ciudades, lo que unido a sus posibilidades de programación abierta ha dado lugar a diversas utilidades ofrecidas desde numerosas páginas web. Desde su lanzamiento en febrero de 2005, la aplicación cartográfica de Google ha conmocionado a la comunidad de desarrolladores. Si bien sus principios técnicos de base eran ya conocidos, incluso utilizados desde hacía tiempo, la aplicación de Google los combina de manera inteligente, y sobre todo ofrece una accesibilidad sin igual. Varios aspectos de Google Maps son los responsables de su facilidad de uso por cualquier usuario: el sistema de deslizamiento de imagen, acoplado a la carga dinámica de nuevas imágenes; la adaptación del mapa al tamaño de ventana del navegador; la interfaz minimalista; la posibilidad de cambiar de tipo de mapa en un clic … Como todas las demás aplicaciones Google, Maps descansa poderosamente sobre la utilización de JavaScript. La carga y el deslizamiento de imagen no podrían efectuarse sin este código. Según el nivel de zoom, un mapa podría descomponerse en varias decenas de miles de cuadrados. Esta descomposición se realiza automáticamente por un script del lado servidor. Cuando el utilizador hace deslizar la imagen en un sentido, JavaScript calcula cuales son los cuadrados involucrados, envía al servidor una pregunta sobre las imágenes en cuestión, y las coloca alineadas junto a las otras. Cada cuadrado es almacenado en un fichero cuyo nombre indica su longitud, su latitud, y el valor del zoom. Recuperar estas informaciones para todos los cuadrados a colocar, no es sino una cuestión de derivación de los datos conocidos para un solo cuadrado. Todo ello necesita, por tanto, una sincronización perfecta entre lo que puede preguntar el código JavaScript, y lo que está efectivamente disponible en el servidor. El programa de recorte inicial de la imagen completa es, por tanto, extremadamente importante, porque es el responsable, para la precisión del corte y el rigor de su etiquetamiento, del buen desenvolvimiento de los acontecimientos desencadenados por las acciones del usuario.

Pilar Etxebarria, Asesora de Secundaria, ámbito Científico Tecnológico. Berritzegune de Leioa: Utilización didáctica de Google Maps, IkasBlogger, 14 de noviembre de 2008. 1

¿Qué es Google Maps?, Noticias de Google Maps, 2007; ¿Que es Google Maps?, BTLsearch. Marketin Digital, 4 de mayo de 2010 2

1


Google Maps ofrece una gran capacidad de respuesta, una interfaz intuitiva con mapas incorporados, las calles y datos detallados de imágenes aéreas. Además, los controles del mapa pueden ser embebidos en el producto para ofrecer a los usuarios un control total sobre los mapas de navegación, la visualización de la calle y los datos de imágenes. Los usuarios también pueden realizar el mapa panorámico a través de la utilización de la “flecha” teclas de un teclado, así como al arrastrar el mapa con el ratón. Todas estas funciones se combinan para ofrecer un producto atractivo, pero el principal motor detrás de su rápida aceptación como un visor de mapas de Internet es su capacidad para personalizar el mapa para adaptarse a las necesidades específicas de la aplicación. Por ejemplo, una agencia de bienes raíces podría desarrollar una aplicación basada en Web que permite al usuario final la búsqueda de propiedades residenciales para mostrar los resultados en una aplicación de Google Maps. Sin embargo no todo son flores para esta aplicación. Google Maps, aunque interesante para muchos usuarios y programadores, al decir de los especialistas no es una aplicación de gran perfección técnica, y se le han hecho críticas Como ejemplo de las cuales mencionaremos una con el título "Google Maps o la negación de la Cartografía". 1.2. Uso didáctico Se puede utilizar para3: •

Explicar los conceptos de latitud y longitud.

Reconocer diferentes tipos de cartografía: mapas callejeros, mapas de relieve, mapas satelitales, etc.

Realizar ejercicios relacionados con distancias y tiempo de recorrido en diferentes medios.

Comparar regiones geográficas. Ej.: los distintos tipos de llanuras y cordilleras de nuestro país.

Comparar trazados de ciudades. Ej.: Córdoba y Barcelona.

Realizar mediciones de distancia y altura. Ej.: alturas de montañas, recorrido de carreteras, tamaño de parcelas de cultivo, etc.

Tutorial de Google Maps con Street View, Dirección Operativa de Incorporación de Tecnologías (InTec), Ministerio de Educación de Argentina; Marta Pacheco Gras: 2. Google. Búsquedas avanzadas. Google Maps, Herramientas y recursos de la web 2.0 para idiomas, 2010 3

2


Buscar lugares de interés. Ej.: museos, zoológicos, la dirección de la escuela, etc.

Elaborar viajes o itinerarios. Ej.: excursiones o viajes de estudio.

Realizar actividades transversales. Ej: entre Ciencias Sociales y Educación Plástica, al recorrer un museo virtual como Museo del Prado.

Elaborar actividades de investigación relacionada con lugares geográficos.

Una actividad práctica sería buscar el recorrido que hacen desde sus casas hasta el Instituto, de tal manera que puedan insertarles alguna imagen de su barrio /instituto, o bien algún vídeo o música.

Otra tarea podría consistir en crear un mapa público donde tendrían que localizar ciertos marcadores de posición relacionados con un lugar geográfico: - Un marcador que contenga texto y una fotografía tomada de Flickr (pueden utilizar la herramienta FlickrCC para buscarla). - Un marcador que contenga texto y un vídeo tomado de Youtube. - Pueden, opcionalmente, añadir más elementos al mapa.

Preparar las excursiones a realizar en el centro creando mapas incluyendo fotografías y vídeos.

Recorrido literario / matemático / botánico / histórico, artístico, etc. - fotográfico. Con una cámara de fotos, cada alumno/grupo deberá hacer una foto a algún monumento, edificio o cosa relevante que refleje un contenido matemático / botánico/artístico, etc. e inventarse un título para cada foto relacionado con las matemáticas/cc.nn./ historia / arte, etc.: espiral luminosa, líneas paralelas, árboles, monumentos, etc. Después, subirían las fotos con Flickr y con Google Maps realizarían un mapa marcando los puntos donde han tomado las fotos, insertando las fotos y escribiendo su lema.

Mapa de matemáticos /científicos / escritores célebres, personajes históricos (hombres y mujeres), lugares donde se han producido acontecimientos relevantes. En esta actividad construirían un mapa con la herramienta Google Map donde aparezcan situados la ciudad de nacimiento de matemáticos / científicos / escritores famosos, personajes históricos, lugares de relevancia histórica. En cada una de esas ciudades se le asignara un texto de sobre la vida y obra del personaje originario de ese lugar. Una vez elegido los diez personajes se buscará información en Wikipedia sobre ellos. Redactarán una ficha sobre cada uno, con los siguientes puntos: ciudad y fecha de nacimiento, área de investigación, resultados relevantes y breve historia del personaje. Posteriormente se le asignará a cada personaje una ciudad (ciudad de nacimiento o de la universidad donde trabajo o vivió más tiempo) y se representa en el mapa. A cada ciudad se le incluirá la ficha del autor añadiéndole una foto sobre el autor/a o sobre el tema en el que trabajó.

1.3. Cómo hacer un mapa4 Previamente, hay que tener una cuenta en Google, tal como venimos utilizando en este curso. Introducimos en la dirección del navegador que estemos utilizando: http://maps.google.es/, o bien hacemos clic en el enlace Maps, disponible en la barra de Hemos usado el trabajo de Pilar Etxebarria, Asesora de Secundaria, ámbito Científico Tecnológico. Berritzegune de Leioa: Utilización didáctica de Google Maps, IkasBlogger, 14 de noviembre de 2008, como base de nuestra actualización de la herramienta. 4

3


la página de Google. Accedemos por primera vez a Google Maps, y en la zona superior

izquierda, se encuentra el botón INICIAR SESIÓN, el cual pulsamos. Una vez escritos nuestro usuario y contraseña, se pulsa sobre el vínculo Iniciar sesión situado en la zona superior derecha de la pantalla.

Se accede así a la pantalla inicial de Google Maps:

Visualizamos en ella un mapa a la derecha y una zona blanca con algunos menús en la izquierda; entre estos menús documentamos Como llegar, que facilita la búsqueda de rutas en el mapa, en coche o caminando, o Mis sitios, lugar destinado al alojamiento de los mapas que hayamos creado. Es este último botón donde debemos pulsar. Seleccionamos Crear mapa, entre las nuevas opciones que aparecen en pantalla:

4


Añade un título y una descripción para el mapa. Elige si quieres que sea de uso público o restringido. Haz clic en Listo.

Hemos guardado el mapa creado, todavía sin personalizar; en la pantalla resultante advertimos de su creación y de la posibilidad de Editar.

No obstante, ahora debemos llegar en el cuadro de búsqueda al lugar de donde queremos hacer el mapa. Una vez allí, amplía la imagen para acercarte más. A continuación, haz clic en la pestaña "Mis sitios" para regresar al mapa:

5


Hacemos clic sobre el enlace con el nombre de la ruta creada y pulsamos en Editar; nos acercamos al punto de inicio de la ruta moviéndonos con el ratón y/o el más o menos que ofrece la barra del propio mapa. Maps tiene la opción de ver los mapas en distintos tipos de vistas, a la que accedemos haciendo clic con el ratón: •

Mapa: muestra un mapa con una presentación tradicional de carreteras, parques, fronteras, masas de agua, ciudades con su callejero etc.

Satélite: muestra imágenes aéreas. Para ver los nombres de las calles y otro tipo de información, seleccionar Mostrar etiquetas.

Earth: abre el programa Google Earth con imágenes en 3D.

Igualmente, cada una de estas opciones facilita incorporar información diversa sobre Tráfico -ofrece información sobre el tráfico si está disponible en el área que se muestra en ese momento. El color rojo indica un tráfico intenso, el amarillo tráfico lento, el verde velocidad normal y el gris indica que no hay datos disponibles acerca del tráfico-, Tiempo, Fotos, Cámaras web, Relieve, artículos de la Wikipedia, etc. El mapa se puede ver de tres formas: Mapa, Satélite y Earth. Si seleccionas ver el mapa en satélite, obtienes una imagen aérea e información sobre las calles; o en visión Mapa, nos despliega el callejero de la ciudad con algunas indicaciones de comercios, monumentos; en la visión Earth, disponemos de la cartografía de Google Earth. Elegimos Mapa y acercamos la imagen del mapa hasta visualizar lo que quieres. Al editarlo ya podemos añadirle marcas, líneas y formas, en un menú situado en la parte superior izquierda. Este menú esta presentados por tres botones, una mano para desplazarnos, un globo azul para colocar marcadores de posición y una herramienta para trazar líneas y formas; debemos tener presente que estos estos marcadores aparecen sobre el mapa y existe cierta flexibilidad para configurarlos. Pasemos a describirlos: 1. Marcador de posición. Para mover un marcador en el mapa , arrástralo y suéltalo en el punto que elijas. Verás que cambia la forma del icono . Al colocarlo en el punto que queremos, se despliega una ventana, o bien haciendo clic sobre el mismo. En esta ventana se pone un título y una descripción al punto señalado. Por defecto se muestra en “texto sin formato” que permite añadir un texto simple. Si elegimos “texto enriquecido” aparece un

6


editor de texto más completo y con posibilidad de añadir un enlace Web y una imagen. La opción “edición de HTML” nos permite escribir en este lenguaje e insertar elementos multimedia, como, por ejemplo, un vídeo. También puedes cambiar la forma del icono de marcador haciendo clic en el cuadro que se encuentra en la esquina superior derecha de la ventana de información. Se pulsa sobre el que se haya seleccionado y volvemos a la posición anterior automáticamente. Puede incluso añadirse un icono personalizado, creado a tal efecto.

Una vez hecha la descripción para guardar los cambios pulsar “Aceptar”. Si queremos eliminarlo el marcador pulsar “Suprimir”. Para editarlo de nuevo y hacer cambios sólo hay que volver a clicar sobre el marcador. 2. Marcador de líneas. Sirve para marcar recorridos o rutas. Ofrece tres posibilidades: Dibujar una línea, Dibujar una línea a lo largo de las calles o carreteras o Dibujar una forma. Optaremos en primer lugar por Dibujar una línea que uniría en nuestro caso los diferentes lugares que se vayan a visitar.

Al arrastrarlo cambia de forma. Colócalo encima del punto donde quieras iniciar una ruta y haz clic con el botón del ratón en este punto para comenzarla y doble clic donde quieras terminarla. Te irá indicando la distancia recorrida. Podemos ir dándole forma a esta línea, utilizando para ello los recuadros que van apareciendo en la zona intermedia de la misma, lo que nos permite adaptarnos mejor a la forma irregular, si fuese el caso, del callejero. Su funcionamiento presenta alguna dificultad, puesto que en lugar de aumentar éstas por uno de sus extremos hay que ir tirando de los cuadrados para que vayan apareciendo más y así poder ir llevándolas por donde quieres En este caso, para manipular la línea hemos de utilizar el icono mano de Seleccionar o editar características del mapa.

7


Pulsando con el botón izquierdo del ratón, sobre los recuadros o la línea realizada podemos obtener otras posibilidades, entre ellas la de Propiedades. En esta se encuentra a ventana de información de la línea que se rellena de la misma forma que la del marcador de posición. Pulsando el icono en la ventana se puede elegir el color, el grosor y la trasparencia de la línea. No te olvides de aceptar los cambios.

En cuanto a la introducción de una forma en el mapa, hemos de tener presente que funciona de manera similar a los dos modos de edición anteriores. Mueve el cursor hasta la ubicación correspondiente y haz clic para comenzar la forma. Haz clic con el botón del ratón en cada punto final de la forma. Debemos tener presente que sólo podremos editar o mover marcadores en tus mapas, y no en los de otros usuarios.

8


En ambos casos hemos comprobado que el marcador puede ser complementado con documentación enriquecida no sólo con texto, sino otros recursos. Para ello debemos seleccionar la opción de texto enriquecido y tener en cuenta estas observaciones: a) Insertar texto: Solo tienes que escribir el texto directamente en el cuadro. b) Insertar un enlace: Busca primero el sitio Web que quieres enlazar. Copia la dirección URL del sitio. Subraya el texto que quieres enlazar, haz clic en el icono de hipervínculo o enlace, pega la dirección en la ventana y acepta. c) Insertar una imagen. La imagen debe de estar en Internet. Busca y localiza la imagen que desees. Coloca el puntero sobre ella y con el botón derecho del ratón elige “copiar la ruta de la imagen”. Después haz clic en el icono de imagen y pégala. Acepta. d) Insertar un vídeo. Como en el caso anterior, debe estar “subido” a la Red. Se pueden insertar vídeos de YouTube y Google vídeo. Una vez localizado el vídeo, buscamos el código “insertar” o “embed” lo copiamos y lo pegamos en la opción HTML de la ventana. Acepta. No olvides pulsar “Aceptar” siempre que insertes estos elementos. Después guarda el mapa pulsando “Listo”. 1.4. Editar un mapa Puedes volver al mapa en cualquier momento. Sólo debes ir a Google Maps y hacer clic en Mis sitios. Para ello, accede a tu cuenta de Google Maps y, en la lista de mapas, selecciona el que quieras, edítalo y ya puedes introducir los cambios que desees. 1.5. Cómo ordenar los elementos de un mapa Para facilitar nuestra tarea, conforme vayamos añadiendo referencias, veremos que éstas quedarán almacenadas en la columna izquierda, pudiendo acceder a ellas con sólo pulsarlas. Se van incluyendo en el orden que lo hayamos realizado. Cuando hayas añadido elementos como marcas de posición o líneas al mapa, puedes cambiar el orden en el que aparecerán en el panel izquierdo. Para hacerlo, haz clic en cualquier elemento y arrástralo hasta el lugar en que deseas que aparezca en la lista que hay en la parte inferior del panel izquierdo. 1.6. Tipos de mapas Google Maps permite clasificar los mapas personalizados de dos forma:

9


1. Los mapas públicos son aquellos que se desea publicar y compartir con todos los usuarios. Los mapas públicos se incluirán tanto en los resultados de la Búsqueda web de Google como en tu perfil de usuario (si has creado uno). 2. Los mapas de publicación restringida son aquellos que solo se desea compartir con un determinado grupo de personas. Estos mapas no se incluyen en los resultados de la Búsqueda web de Google, por lo que su accesibilidad es similar a la de un número de teléfono que no aparece en la guía telefónica; es decir, los usuarios que conocen la URL del mapa pueden verlo, pero ese mapa no aparece en ningún directorio ni en resultados de búsqueda. Puedes cambiar este ajuste en cualquier momento. No obstante, recuerda que todos los mapas tienen una URL de uso público. En general, Google recomienda que no se creen mapas si no se quieren compartir con otros usuarios. Para cambiar la configuración pública o de publicación restringida de un mapa, realiza los pasos que se indican a continuación: a) Haz clic en Mis sitios; a continuación, aparecerá una lista de tus mapas. Haz clic en el mapa que deseas ver. b) Haz clic en Editar título/configuración. c) Selecciona la opción Público para que todos los usuarios puedan acceder al mapa. Selecciona la opción Publicación restringida para que el mapa sea privado. d) Haz clic en Guardar. 1.7. Cómo añadir lugares de los resultados de una búsqueda Para realizar búsquedas en Google Maps, puedes utilizar las convenciones de búsqueda web normales de Google. Puedes buscar direcciones, monumentos, museos, calles, avenidas, empresas, etc. y luego guardar los elementos de los resultados de la búsqueda en el mapa. Google Maps utiliza las puntuaciones que han ofrecido los usuarios para ofrecerte una experiencia más personalizada con los mapas. Cuando te desplazas por el mapa, se verán resaltados los sitios o lugares más destacados en el entorno del mapa que estamos analizando. Nosotros podemos añadir nuevos lugares a estos mapas. Para ello, debemos seguir estos pasos:     

Crea o abre un mapa. Busca la empresa u referencia geográfica o la dirección que desees añadir en la ventana dispuesta en la zona superior de la página. Los resultados aparecerán en la pestaña "Resultados de la búsqueda", en la zona izquierda de la página. Haz clic en el elemento que desees guardar. En la ventana de información, haz clic en Guardar en... De esta forma el resultado se copiará en el mapa como una marca de posición. Si lo deseas, edita el título o la descripción. Haz clic en Aceptar para guardar el marcador.

1.8. Compartir el mapa Para compartir el mapa con otras personas, hay tres posibilidades: a) Imprimirlo. Se imprime el mapa y todas las descripciones efectuadas. b) Enviarlo por correo electrónico.

10


c) Incrustar el mapa en tu sitio web, wiki o blog. Para las dos últimas hay que pulsar el icono "Enlazar con esta página" y seguir sus instrucciones, bien seleccionar, copiar el vínculo y pegarlo en el texto del mensaje, bien lo mismo en tu sitio Web. Para salir del mapa, ir al icono “Salir”. Una vez que hayas creado un mapa personalizado, podremos compartirlo con otros usuarios. Para ello, realiza los pasos que se indican a continuación: 

Abre el mapa que quieras compartir.

Haz clic en la opción que permite enlazar con una página situada en la esquina superior izquierda, con el icono . Al hacer clic en este enlace, la URL del mapa se incluirá en la barra de navegación del navegador; se ha añadido la opción de un enlace corto, para lo que habría que marcar la pestaña.

Si elegimos enviarla por correo electrónico, pulsamos Enviar: con esta opción puedes enviar un correo electrónico a las direcciones que indiques en el campo “Para”. El contenido del mensaje electrónico aparecerá en el cuadro “Mensaje”. Debe aparecer el nombre de la ubicación que muestra el mapa y un enlace a la vista actual del mapa. Tu correo electrónico aparecerá en “De:”; la temática del envío en “Asunto”. Añade al mensaje todos los datos que sean necesarios y haz clic en Enviar.

Si deseas incrustar tu mapa personalizado en una web, wiki o blog, debes utilizar el código HTML que te facilita Google Maps cuando pulsar el icono de enlazar; en el campo correspondiente, verás el código podrás copiar y pegar en el lugar del sitio web o en la entrada seleccionada del blog, tal como venimos describiendo en este curso.

11


Igualmente, puedes configurar el aspecto de la ventana en la que se va a incrustar tu mapa. Hemos de hacer clic en el enlace Personalizar y obtener vista previa del mapa que se va a insertar para ajustar el tamaño del mapa y ver una vista previa del aspecto que presentará el mapa insertado. Para ello se abre una nueva ventana, en la que podremos seleccionar entre tres tamaños estándar: pequeño, mediano y grande; además, existe la posibilidad de personalizar el tamaño final de la ventana del mapa y con el más o menos indicar que parte o la totalidad del mapa personalizado se va a visualizar en nuestra página web o blog. Luego, copiamos el código HTML que tenemos en la zona inferior de esta ventana, nos vamos a Blogger en nuestro caso, abrimos o editamos una entrada y indicamos edición HTML, donde pegamos el mencionado código para su visualización; podemos centrar el resultado final añadiendo los códigos: <center> y </center> al comienzo y al final respectivamente.

12


1.9. Determinar las coordenadas de latitud y longitud a) Obtención de las coordenadas geográficas Para buscar las coordenadas geográficas (latitud y longitud) de un punto en el mapa de Google Maps, sigue los pasos siguientes:   

Haz clic con el botón derecho del ratón en el punto deseado en el mapa para que aparezca un menú con opciones. En el menú, selecciona ¿Qué hay aquí? Haz clic en la flecha de color verde para obtener las coordenadas de latitud y longitud. Igualmente aparece el resultado en la ventana de búsqueda de mapas.

b) Conversión de las coordenadas de Google Maps La Longitud y latitud en Google Maps aparece expresada en forma decimal en los ficheros kml,lo que nos dificulta nuestra consulta con los mapas de la cartografía española, que está está proyectada en UTM, huso 30T norte, y sistema ED50. Para su conversión tendremos que partir del sistema WGS84 de Google Maps. En primer lugar, para convertirla en coordenadas p lanimétricas X, Y se puede utilizar cualquier programa de GPS, SIG o calculadoras geodesias. Para España recomendamos emplear la del Instituto Geográfico Nacional. Gratuita y de descarga directa en este enlace. Permite trabajar con un par de coordenadas sueltas o bien con ficheros completos. En nuestro caso, vamos a recurrir a una página web que nos facilitará la conversión a varios sistemas de los datos obtenidos. Se trata de la calculadora de coordenadas de la web AsturNatura; en esta página se podrá realizar conversiones entre coordenadas geográficas, UTM y MGRS. Debemos escribir los valores de las coordenadas, expresadas en grados en Google Maps, y automáticamente obtendrá los restantes valores de otras coordenadas y visualizará su situación en un Google Map. Hemos de tener presente la latitud norte y longitud oeste de Córdoba en nuestro caso, desprendiendo del valor negativo a los datos de Google Maps. Sirva de ejemplo esta imagen:

13


14


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.