Añadiendo controles a Google Maps

07/Abr/2007 Google

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

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D