el alquimista
Insertar un mapa interactivo en una página web
1.- Abrir el navegador web.
2.- Ir a la siguiente dirección: https://www.google.com/maps
1
3.- Dentro de la caja detexto para búsquedas, escribir: Río de Janeiro, Brasil . Seleccionar con un
clic, la opción que aparece primero:
2
4.- Con el la herramienta Zoom hacer más pequeño el mapa hasta que seaprecie todo Brasil:
3
5.- La imagen del mapa debe verse como sigue:
Dejar el navegador abierto con esta vista del mapa.
4
6.- Abrir un nuevo archivo de bloc de notas yescribir el siguiente código:
Guardar el archivo como HojaDeEstilo.css y cerrar el archivo.
5
7.- Abrir un nuevo archivo de bloc de notas y escribir el siguiente código:
8.- Dejandoabierto el archivo anterior, regresar al navegador web donde está el mapa y dar clic
sobre el icono del engrane para generar el código de inserción:
6
Al dar clic sobre el engraneaparecerá un menú desplegable, en el cual se debe seleccionar la
opción “Compartir e insertar mapa”:
7
Luego de seleccionar dicha opción, aparecerá una ventana en la que se debe dar clicsobre la
pestaña “Insertar mapa”:
8
Se mostrará otra ventana, donde se elegirá el tamaño deseado para el mapa que aparecerá en la
nueva página web:
En este caso se elegirá la opción“Grande” en cuanto al tamaño.
9
Finalmente, se debe seleccionar el código que aparece a la derecha de la lista de tamaños, copiarlo
y pegarlo después de la última línea de código enel archivo de bloc de notas que quedó
pendiente.
10
9.- Una vez colocada la línea de código que se copió de Google Maps, continuar escribiendo el
código restante (encerrado en elrecuadro rojo) dentro del mismo archivo de bloc de notas:
11
10.- Guardar el archivo como Brasil.html y abrirlo en el navegador web, el cual debería mostrarlo
como sigue:
12
Regístrate para leer el documento completo.