Como crear e insertar un google map

8 de febrero de 2011

Libro electrónico gratis:<br>Miguel de Cervantes Don Quijote
Libro electrónico gratis:
Miguel de Cervantes
Don Quijote
Libro electrónico gratis:<br>Miguel de Cervantes Don Quijote
Libro electrónico gratis:
Miguel de Cervantes
Don Quijote
Libro electrónico gratis:<br>Rubén Darío Azul
Libro electrónico gratis:
Rubén Darío
Azul

Para crear e insertar un google map en una página de internet hay dos opciones:

A continuación se describe el procedimiento para crear un mapa desde google maps.

Contenido

Crear un mapa

Para crear un mapa desde google maps se necesita tener una cuenta de google maps . Las cuentas son gratuitas. En google maps se puede usar una cuenta ya existente de cualquiera de los otros servicios de google (gmail, youtube, google docs, etc.)

La dirección para utilizar google maps es:

http://maps.google.com

Tras iniciar sesión con una cuenta de google maps se debe hacer click con el botón del ratón en la opción MIS MAPAS

crear un google map

Después debe hacerse click en la opción CREAR UN MAPA NUEVO

crear un mapa nuevo

El siguiente paso es escribir un TITULO y una DESCRIPCION para el mapa.

También se puede elegir si el mapa será PUBLICO o PUBLICACION RESTRINGIDA. Si se elige la opción PUBLICO el mapa podrá ser consultado por otras personas y aparecerá en los resultados de la búsqueda de google maps. Si se elige la opción PUBLICACION RESTRINGIDA el mapa NO podrá ser consultado por otras personas y NO aparecerá en los resultados de la búsqueda de google maps.

definir titulo y descripcion

En los mapas de google se pueden insertar:

Crear un marcador de posición (marker)

un marcador de posicion marker

Para crear marcadores de posición (markers) primero se debe hacer click en el botón correspondiente (el botón con el globo azul).

boton Crear un marcador de posicion marker

Tras hacer click aparecerá un marcador de posición flotando sobre el mapa. Con ayuda del ratón se puede mover el marcador por el mapa. Se debe hacer click con el ratón dentro del mapa en la posición donde se ubicará el marcador de posición.

insertar marcador de posicion marker

Tras hacer click y elegir la posición del marcador aparecerá una ventana donde se puede escribir el TITULO y la DESCRIPCION del marcador.

nombre y descripcion marcador de posicion marker

Adicionalmente aparecerá una opción para personalizar al marcador.

personalizar marcador de posicion marker

Al hacer click en la opción para personalizar al marcador se puede: cambiar de color y cambiar el tipo de marcador para usar un icono más descriptivo (por ejemplo usar un icono de avión para señalar la existencia de un aeropuerto o el icono de un hotel para señalar la existencia de un hotel). Para cambiar el icono, sólo basta hacer click en el nuevo icono a utilizar. Para realizar los cambios realizados en el marcador es necesario presionar el botón ACEPTAR.

iconos marcador de posicion marker

Para terminar de insertar el marcador sólo es necesario hacer click en el botón ACEPTAR.

crear marcador de posicion marker

Del lado izquierdo del mapa aparecerán un panel con los marcadores, líneas y formas que se haya creado.

Existe un botón ocultar y mostrar ese panel. Se puede ocultar para tener disponible más espacio para trabajar y se puede mostrar para ver todos los elementos creados.

boton ocultar y mostrar panel izquierdo

Para EDITAR un marcador EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en el marcador a modificar. Se podrá cambiar su posición, su nombre, su descripción y el icono que utiliza.

panel izquierdo

Para borrar un marcador EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en el marcador a eliminar. Sobre el marcador aparecerá una ventana y ahí se debe elegir la opción SUPRIMIR.

borrar marcador de posicion marker

Crear una línea (polyline)

google map linea polyline

El botón para crear una LINEA (polyline) y una FORMA (polygon) es el mismo.

boton para crear linea polyline

Debe hacerse click en la flecha negra que apunta hacia abajo para elegir la herramienta a usar.

crear linea polyline

Tras elegir la herramienta a usar, en este caso LINEA (polyline), en el mapa aparecerá un nuevo cursor que se puede controlar con el mouse. Ese cursor permite elegir la posición donde iniciará la línea. Para comenzar a dibujar la línea soló basta hacer click en el mapa.

cursor para crear linea polyline

La línea esta formada por puntos unidos por segmentos.

segmentos y puntos forman una linea polyline

Se pueden agregar más segmentos / puntos a la línea haciendo click en distintas posiciones. Por ahora la herramienta sólo permite trazar segmentos rectos.

Para terminar de dibujar la línea se debe hacer DOBLE CLICK en el último punto a dibujar.

Al terminar de dibujar la línea aparecerá una ventana donde se debe escribir el TITULO y la DESCRIPCION.

nombre y descripcion de linea polyline

Adicionalmente aparecerá una opción para personalizar la línea.

personalizar linea polyline

Al hacer click en la opción para personalizar la línea se puede cambiar: el color, el grosor / ancho y la transparencia / opacidad. Para realizar los cambios a la línea es necesario presionar el botón ACEPTAR.

cambiar color linea polyline

Para terminar de insertar la línea sólo es necesario hacer click en el botón ACEPTAR.

crear linea polyline

Para EDITAR una línea EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en la línea a modificar. Se podrá cambiar su posición, su nombre, su descripción y su apariencia. Adicionalmente se puede cambiar la posición de los puntos que forman la línea, eliminar puntos y agregar puntos.

editar linea polyline

Para borrar una línea EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en el línea a eliminar. Sobre la línea aparecerá una ventana y se debe elegir la opción SUPRIMIR.

borrar linea polyline

Crear una forma (polygon)

forma polygon en google maps

El botón para crear una LINEA (polyline) y una FORMA (polygon) es el mismo.

boton para crear forma polygon

Debe hacerse click en la flecha negra que apunta hacia abajo para elegir la herramienta a usar.

crear forma polygon

Tras elegir la herramienta a usar, en este caso FORMA (polygon), en el mapa aparecerá un cursor que se puede controlar con el mouse. Ese cursor permite elegir la posición donde iniciará la forma. Para comenzar a dibujar la forma soló basta hacer click en el mapa.

crear una forma forma polygon

La forma esta compuesta por puntos unidos por segmentos.

puntos y segmentos crean la forma polygon

Se pueden agregar más segmentos / puntos en nuestra forma haciendo click en distintas posiciones. Por ahora la herramienta sólo permite trazar segmentos rectos.

Para terminar de dibujar la forma se debe hacer DOBLE CLICK en el último punto a dibujar (en este caso la forma se "cierra" automáticamente creando un segmento entre el primer y último punto ) o hacer click en el primer punto dibujado.

Al terminar de dibujar la forma aparecerá una ventana donde se debe escribir el TITULO y la DESCRIPCION.

nombre y descripcion forma polygon

Adicionalmente aparecerá una opción para personalizar la forma

personalizar forma polygon

Al hacer click en la opción para personalizar la línea se puede cambiar: el color de la línea del contorno, el grosor / ancho de la línea de contorno, la transparencia / opacidad de la línea de contorno, el color de relleno de la forma y la transparencia / opacidad de la forma. Para realizar los cambios a la forma es necesario presionar el botón ACEPTAR.

cambiar color de forma polygon

Para terminar de insertar la forma sólo es necesario hacer click en el botón ACEPTAR.

crear forma polygon

Para EDITAR una forma EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en la línea a modificar. Se podrá cambiar su posición, su nombre, su descripción y su apariencia. Adicionalmente se puede cambiar la posición de los puntos que forman la forma, eliminar puntos y agregar puntos.

editar forma polygon

Para borrar una forma EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en la forma a eliminar. Sobre la forma aparecerá una ventana y ahí se debe elegir la opción SUPRIMIR.

borrar forma polygon

A medida que se trabaja en un mapa es conveniente guardar los avances. Para ello EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en el botón GUARDADO.

guardar un google map

Para cerrar el mapa EN EL PANEL DEL LADO IZQUIERDO se debe hacer click en el botón LISTO.

cerrar un google map

Insertar el mapa

Tras terminar el mapa es posible insertarlo en una página de internet. Para ello se debe hacer click en la opción ENLAZAR.

insertar un google map

Al hacer click en ENLAZAR aparecerá una ventana, ahí se mostrará el código para insertar el mapa en una página de internet:

codigo html para insertar un google map

Para insertar el mapa en una página de internet sólo basta copiar y pegar el código html.

Para personalizar el tamaño y apariencia del mapa (punto medio, nivel de zoom, tipo de mapa -calles, satélite, híbrido, relieve, -). se debe hacer click en la opción: PERSONALIZAR Y OBTENER LA VISTA PREVIA DEL MAPA.

personalizar un google map

Al hacer click aparecerá una nueva ventana donde se podrá elegir: punto medio, nivel de zoom, tipo de mapa -calles, satélite, híbrido, relieve, - y el código html necesario para insertar le mapa.

Para insertar el mapa en una página de internet sólo basta copiar y pegar el código html.

personalizar un google map

La ventaja de crear un mapa desde google maps es su facilidad. Cualquiera puede hacerlo pues no es necesario saber a profundidad ni html ni javascript. Tampoco no hay que andar peleando para definir coordenadas en el mapa.

La desventaja de crear un mapa desde google maps es que carecerá de interactividad. No se podrá por ejemplo mostrar y ocultar marcadores a petición expresa del usuario o el usuario no podrá crear marcadores en el mapa. TAMPOCO ESTARA DISPONIBLE la función de street view.

Al crear e insertar un mapa con ayuda de javascript se puede agregar interactividad al mapa y SI ESTARA DISPONIBLE la función de street view.

Sitios de interés

Google maps

Sitio para ver, buscar y crear mapas


Comenta y opina este texto     Lee mi libro de visitas
© 1997-2024 Alain García
albegago@hotmail.com
Twitter: Youtube @feesgo
YouTube Youtube
El vínculo a este documento es:

Compartir en facebook Compartir en twitter Compartir en whatsapp Rss

Puedes apoyar a este sitio invitándome a comer...

Este sitio utiliza cookies propias y de terceros para mejorar sus servicios. Si continua navegando, entendemos que acepta su uso. Política de Privacidad