Creando mapas personalizados

Creando mapas personalizados con Google Maps Google Maps es un servicio que recoge mapas e información sobre lugares de

Views 94 Downloads 18 File size 3MB

Report DMCA / Copyright

DOWNLOAD FILE

Recommend stories

Citation preview

Creando mapas personalizados con Google Maps Google Maps es un servicio que recoge mapas e información sobre lugares de todo el mundo. El funcionamiento es sencillo, podemos acudir al mapa de la Tierra y hacer zoom o desplazarlo con el mouse o directamente proporcionar al sistema una dirección o un punto de interés. Google Maps muestra sobre sus mapas ubicaciones específicas, información sobre calles y lugares y un sistema de cálculo de rutas entre dos puntos. La creación de mapas personalizados es un servicio para los usuarios de Google. Visitamos el sitio My Maps https://www.google.com/maps/d/?pli=1 y accedemos con nuestro usuario y clave de Google (o cuenta de Gmail).

Accedemos a Crear un nuevo mapa.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

Una de las novedades de la última versión de Maps es la posibilidad de crear diferentes capas sobre un mapa que pueden estar o no visibles al mismo tiempo. Veamos los pasos para crear un mapa de estas características: 1) Desde la opción Mapa base seleccionaremos qué tipo de visualización tendrá nuestro mapa:

2) Le colocamos un nombre a nuestro mapa haciendo clic en el espacio correspondiente al título y se abrirá una ventana emergente donde completarlo. También podemos agregar una descripción de nuestro mapa.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

3) Agregamos un nombre sobre la primera capa haciendo clic sobre los puntitos ubicados a la derecha y seleccionamos la opción “Asignar otro nombre a la capa”

4) En la barra de búsqueda ingresamos una ubicación o un elemento, por ejemplo: “Obelisco de Buenos Aires”.

5) Podremos diferenciar una marca, en nuestro caso, en el centro de la Plaza de la República, donde se encuentra señalizado el Obelisco.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

6) En el paso siguiente vamos a ingresar nuestra propia información. Colocaremos una marca para señalizar. Haremos clic en el ícono con forma de globo, correspondiente a la opción “Añadir marcador”.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

7) Ubicamos el marcador en la posición correcta y le agregamos una referencia.

8) Podemos además agregar una imagen o un video a nuestro marcador. Se nos ofrece la posibilidad de buscar la imagen o el video que deseamos insertar.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

9) Es posible modificar la forma en que señaliza el lugar parándonos sobre el nombre del marcador ingresado y nos aparecerá un icono que nos permitirá cambiar su forma y color.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

Los cambios realizados se van guardando en forma automática. 10) Para compartir nuestro mapa debemos acceder a la opción Compartir.

Podemos compartir su URL Para compartir nuestro mapa primero debemos hacerlo Público a través de la opción Cambiar en la sección “Quien tiene acceso”.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

11) Para incrustar nuestro mapa creado en un sitio web, por ejemplo un blog, debemos, primero transformar nuestro mapa en Público. Luego hacer clic en los botoncitos que se encuentran a la derecha de la opción Compartir y seleccionar la opción “Insertar en mi sitio”.

Se nos brindará el código embed para incluirlo en nuestro sitio web. Debemos copiar ese código.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

-

Cómo incrustar un mapa en una entrada en un blog:

Comenzamos a editar nuestra entrada en un blog y llegado el momento de incrustar nuestro mapa en el blog haremos clic en el botón HTML.

Accederemos al código html de la entrada que estamos editando y lo que haremos es pegar el código EMBED que hemos copiado de nuestro mapa. En este caso es:

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX

Al hacer clic en el botón Redactar observaremos que el mapa ha quedado incrustado en nuestra entrada del blog.

Si se desea modificar el tamaño del mapa… Si observan, en el mismo aparecen sus dimensiones en pixeles:

Esto significa que nuestro video tiene las siguientes medidas: width="640" (ancho 640 pixeles) ... height="480" (alto 480 pixeles) Vamos a suponer que deseamos reducir su ancho a 500 pixeles de ancho que es un buen número. Para que no se nos deforme debemos achicarlo en forma proporcional. Usemos "la regla de 3 simple directa" matemática... Si a 640 le corresponden 480 a 500 le corresponderán X X= 500 . 480 : 640 X= 375 Entonces nuestro código quedará así:

Finalmente, publicaremos nuestra entrada.

MOOC “DISEÑO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC” – UTN-INSPT - MIRIADAX