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:
<iframe src="https://www.google.com/maps/d/embed?mid=zNi3DpwQoD0M.khCEG6jlByQw"
width="640" height="480"></iframe>

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:

<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 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í:
<iframe src="https://www.google.com/maps/d/embed?mid=zNi3DpwQoD0M.khCEG6jlByQw"
width="500" height="375"></iframe>
Finalmente, publicaremos nuestra entrada.

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

Sign up to vote on this title
UsefulNot useful