En la primera parte de este tutorial hemos visto como se puede crear muy fácilmente un mapa usando la Maps API de Google.

3. Adición de controles
Ahora veremos como se pueden adicionar diferentes controles al mapa.

Copia el siguiente código y grábalo nuevamente en un archivo de texto, por ejemplo con el nombre mapa-02.html.

Sube el archivo a tu web server, al directorio de los mapas que hemos usado anteriormente. Abre la URL, por ejempo: http://www.mi-dominio.com/mapas/mapa-02.html. El resultado debería ser el siguiente:

Bueno, ahora analicemos el nuevo código:

La función setMapType(G_HYBRID_TYPE) permite cambiar el tipo del mapa. En este caso, el mapa a sido cambiado a híbrido, es decir satelital y geográfico. Los posibles valores para esta función son: G_MAP_TYPE, G_SATELLITE_TYPE y G_HYBRID_TYPE.

La función GMapTypeControl() permite generar un control para los diferentes tipos de mapas. Y la función addControl() permite adicionar un control al objeto mapa. Este control se puede ver en la parte superior derecha del mapa.

La función GSmallMapControl() genera el pequeño control (arriba a la izquierda). Con este control se puede mover el mapa, así como también aumentar o disminuir el zoom, pero solamente 1 nivel.

Ahora remplaza en el código la función GSmallMapControl() por GLargeMapControl(). Entonces el resultado será el siguiente:

– Ver Live Test

Ahora aparece el control grande. Mediante este control se puede adicionalmente centrar el mapa y también saltar a cualquier nivel del zoom.

En la tercera parte de este tutorial, veremos como puedes colocar marcas y etiquetas en el mapa.

Si es que tienes alguna consulta o comentario sobre este tutorial, por favor deja tus comentarios en el formulario de abajo.