Paso a paso para crear un google map
-
Upload
tatiana-velasquez -
Category
Documents
-
view
2.912 -
download
2
Transcript of Paso a paso para crear un google map
![Page 1: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/1.jpg)
Paso a paso para crear un Google Map
![Page 2: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/2.jpg)
Ingresar a maps.google.com
Dar clic en acceder
![Page 3: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/3.jpg)
Acceder con la cuenta de Gmail o crear una
![Page 4: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/4.jpg)
Al ingresar, aparecerán estas opciones
![Page 5: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/5.jpg)
Dar clic en mis sitios y luego en crear mapa
![Page 6: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/6.jpg)
Aparecerá este cuadro de texto
![Page 7: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/7.jpg)
Colocar el título del mapa y su descripción. Dejarlo en la opción de 'público' y dar guardar
![Page 8: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/8.jpg)
Dar clic en el marcador de posición (la opción de la mitad que tiene forma de globo) y ubicarlo en el lugar a resaltar en el mapa
![Page 9: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/9.jpg)
Ubicado el punto se desplegará este cuadro de texto. Escribir el título del lugar a resaltar y su descripción. En la opción texto enriquecido se pueden agregar imágenes, videos y enlaces, como
se hace en un cuadro de texto en una plataforma de blog
![Page 10: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/10.jpg)
Repetir las indicaciones anteriores al ubicar nuevos lugares en el mapa. Después de cada
ubicación dar clic en guardar
![Page 11: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/11.jpg)
Repetir las indicaciones anteriores al ubicar nuevos lugares en el mapa. Después de cada
ubicación dar clic en guardar
![Page 12: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/12.jpg)
Repetir las indicaciones anteriores al ubicar nuevos lugares en el mapa. Después de cada
ubicación dar clic en guardar
![Page 13: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/13.jpg)
Repetir las indicaciones anteriores al ubicar nuevos lugares en el mapa. Después de cada
ubicación dar clic en guardar
![Page 14: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/14.jpg)
Repetir las indicaciones anteriores al ubicar nuevos lugares en el mapa. Después de cada
ubicación dar clic en guardar
![Page 15: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/15.jpg)
Al ubicar los lugares estos lucirán como se muestra en la imagen. Para verlos todos debe darse zoom out al mapa
![Page 16: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/16.jpg)
Después de ubicar los puntos, es recomendable unirlos para mostrar un circuito. En este caso, la ruta de las universidades en Barranquilla. Para hacerlo, dar clic en la tercera herramienta y
se desplegará este menú
![Page 17: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/17.jpg)
Se puede dibujar una línea o una forma. En este caso dibujé una forma. Después de dibujada, aparecerá un cuadro de texto para describir el objeto
recién creado. Dar clic en guardado y luego en listo
![Page 18: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/18.jpg)
Terminado el mapa, debe embeberse en el blog. Para ello, debe darse clic en enlazar y se desplegará este menú
![Page 19: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/19.jpg)
Dar doble clic sobre el segundo rectángulo, que dice 'Pegar HTML para insertar en sitio web'. Después dar Ctrl C para copiar el código
![Page 20: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/20.jpg)
Ingresar a la plataforma de Blogger y dar clic en nueva entrada para copiar allí el código HTML del mapa
![Page 21: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/21.jpg)
Al estar frente al cuadro de texto, dar clic en Edición de HTML, colocar el cursor sobre el espacio de escritura y dar Ctrl V para pegar el código HTML
![Page 22: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/22.jpg)
Dar clic en redactar para ver cómo lucirá el mapa. Agregarle texto a la entrada, como cuando se escribe un artículo de solo texto, y el título. Luego dar clic en publicar entrada
![Page 23: Paso a paso para crear un google map](https://reader034.fdocuments.ec/reader034/viewer/2022042607/557b657ed8b42a7f6e8b4653/html5/thumbnails/23.jpg)
Así luce el mapa embebido en el blog
Así de sencillo, ¡manos a la obra!