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.

Método addControl

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());

Control de zoom

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.

Control de tipo de 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());