tutorial google maps
TRANSCRIPT
![Page 1: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/1.jpg)
TUTORIAL
![Page 2: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/2.jpg)
Alguien ha compartido un mapa de
google contigo. abre el mensaje
![Page 3: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/3.jpg)
Haz clic en el enlace para ir al
mapa
![Page 4: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/4.jpg)
Haz clic en editar para poder
añadir cosas al mapa
![Page 5: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/5.jpg)
Aumenta el mapa de tamaño y busca
la calle que quieras
![Page 6: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/6.jpg)
Clica en marcadores para poder
señalar un lugar
![Page 7: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/7.jpg)
Si qieres cambiar el icono del
marcador, haz clic en él.
![Page 8: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/8.jpg)
Elige el marcador que corresponde
a tu categoría del mapa
![Page 9: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/9.jpg)
Por ejemplo, para infraestructuras
escoge la chincheta azul
![Page 10: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/10.jpg)
Haz clic en “texto enriquecido” y añade un título y una
descripción de lo que ocurre en ese lugar del mapa
![Page 11: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/11.jpg)
Haz clic en “edición de HTML” para
añadir vídeos o imágenes.
![Page 12: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/12.jpg)
Aquí tenemos que poner el enlace
HTML. Para ello, vamos a flickr si
queremos poner una foto, o a
youtube si queremos poner un vídeo
![Page 13: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/13.jpg)
![Page 14: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/14.jpg)
Hacemos clic en “Compartir”
![Page 15: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/15.jpg)
Necesitamos el código HTML para
poder añadir la foto al mapa.
Hacemos clic.
![Page 16: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/16.jpg)
Copiamos el código HTML y
volvemos a la página de Google
Maps para pegarlo donde
corresponde
![Page 17: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/17.jpg)
![Page 18: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/18.jpg)
Pegamos el código HTML
![Page 19: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/19.jpg)
Al hacer clic en “Texto
enriquecido” ya nos aparece la foto
que hemos insertado
![Page 20: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/20.jpg)
Volvemos a “Edición de HTML”
para insertar también un vídeo
![Page 21: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/21.jpg)
![Page 22: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/22.jpg)
Hacemos clic en “Compartir”
![Page 23: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/23.jpg)
Hacemos clic en “Insertar” para
obtener el código HTML
![Page 24: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/24.jpg)
Copiamos el código HTML y
volvemos a Google Maps para
pegarlo donde corresponde
![Page 25: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/25.jpg)
![Page 26: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/26.jpg)
Pegamos el código HTML
![Page 27: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/27.jpg)
Al hacer clic en “Texto
enriquecido” ya nos aparece el
vídeo que hemos insertado
![Page 28: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/28.jpg)
Clicamos en “Aceptar” para que se
guarde todo lo que hemos hecho
en este marcador
![Page 29: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/29.jpg)
Clicamos en “Guardar” para que se
guarden los cambios que hemos
hecho en el mapa y en “Listo” para
salir del editor
![Page 30: Tutorial google maps](https://reader031.vdocuments.site/reader031/viewer/2022020307/55b4a1eabb61ebd7378b46b1/html5/thumbnails/30.jpg)
Nuestro marcador ya aparece en el
mapa. Para volver a añadir otro,
iniciamos el proceso de nuevo