Añadiendo controles a Google Maps

Una vez que ya hemos puesto nuestro mapa en la web queremos añadirle nuevas funcionalidades. Una de las funcionalidades básicas es el poder realizar un zoom o el poder cambiar el mapa al formato satélite o viceversa.

Lo primero que tenemos que saber es que para añadir un control al mapa tenemos el método .addControl, el cual recibe como parámetro una clase que represente un control.

var map = new GMap2(document.getElementById("mapa"));
map.setCenter(new GLatLng(40.674389,-4.700432), 12);
map.addControl(new Control());

Por ejemplo, la clase que representa el zoom es GSmallZoomControl. En este caso el código sería el siguiente:

var map = new GMap2(document.getElementById("mapa"));
map.setCenter(new GLatLng(40.674389,-4.700432), 12);
map.addControl(new GSmallZoomControl());

Podemos invocar el método .addControl tantas veces como controles necesitemos insertar en el mapa.

Otro ejemplo es el que nos permite añadir el control para cambiar al formato satélite o híbrido. En este caso la clase es GMapTypeControl. Nuestro código quedaría de la siguiente forma:

var map = new GMap2(document.getElementById("mapa"));
map.setCenter(new GLatLng(40.674389,-4.700432), 12);
map.addControl(new GMapTypeControl());

Visualizar el ejemplo | Descargar el código

Publicaciones relacionadas:

Poner control de escala con Google Maps Incluir imagenes en Google Maps Drag Zoom Control con Google Maps Ventanas de información con imágenes en Google Maps Ruta Google Maps desde formulario