Creando mapas personalizados con Google Maps

Google Maps es un servicio que recoge mapas e informacin 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 direccin o un punto de inters.
Google Maps muestra sobre sus mapas ubicaciones especficas, informacin sobre calles y lugares
y un sistema de clculo de rutas entre dos puntos.
La creacin 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 DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX

Una de las novedades de la ltima versin 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 caractersticas:
1) Desde la opcin Mapa base
seleccionaremos qu tipo de
visualizacin tendr nuestro
mapa:

2) Le colocamos un nombre a
nuestro mapa haciendo clic en
el espacio correspondiente al
ttulo y se abrir una ventana
emergente donde
completarlo. Tambin
podemos agregar una
descripcin de nuestro mapa.

MOOC DISEO 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
opcin Asignar otro nombre a
la capa

4) En la barra de bsqueda ingresamos una ubicacin 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
Repblica, donde se
encuentra sealizado el
Obelisco.

MOOC DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX

6) En el paso siguiente vamos a ingresar nuestra propia informacin.

Colocaremos una marca para
sealizar. Haremos clic en el cono
con forma de globo, correspondiente
a la opcin Aadir marcador.

MOOC DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX

7) Ubicamos el marcador en la posicin correcta y le agregamos una referencia.

8) Podemos adems 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 DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX

9) Es posible modificar la
forma en que sealiza el
lugar parndonos sobre
el nombre del marcador
ingresado y nos
aparecer un icono que
nos permitir cambiar su
forma y color.

MOOC DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX

Los cambios realizados se van guardando en forma automtica.

10) Para compartir nuestro mapa debemos acceder a la opcin Compartir.

Podemos compartir su URL

Para compartir nuestro mapa primero debemos hacerlo Pblico a travs de la opcin
Cambiar en la seccin Quien tiene acceso.

MOOC DISEO 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 Pblico. Luego hacer clic en los botoncitos que se
encuentran a la derecha de la opcin Compartir y seleccionar la opcin Insertar en mi
sitio.

Se nos brindar el cdigo embed para incluirlo en nuestro sitio web. Debemos copiar ese cdigo.

MOOC DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX

Cmo 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 botn HTML.

Accederemos al cdigo html de la entrada que estamos editando y lo que haremos es pegar el
cdigo EMBED que hemos copiado de nuestro mapa.
En este caso es:
<iframe src="https://www.google.com/maps/d/embed?mid=zNi3DpwQoD0M.khCEG6jlByQw"
width="640" height="480"></iframe>

MOOC DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX

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

Si se desea modificar el tamao del

mapa
Si observan, en el mismo aparecen sus
dimensiones en pixeles:

<iframe src="https://www.google.com/maps/d/embed?mid=zNi3DpwQoD0M.khCEG6jlByQw"
width="640" height="480"></iframe>
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 nmero.
Para que no se nos deforme debemos achicarlo en forma proporcional. Usemos "la regla de 3
simple directa" matemtica...
Si a 640 le corresponden 480
a 500 le correspondern X
X= 500 . 480 : 640
X= 375
Entonces nuestro cdigo quedar as:
<iframe src="https://www.google.com/maps/d/embed?mid=zNi3DpwQoD0M.khCEG6jlByQw"
width="500" height="375"></iframe>
Finalmente, publicaremos nuestra entrada.

MOOC DISEO DE PROYECTOS EDUCATIVOS INNOVADORES CON TIC UTN-INSPT - MIRIADAX