Añadiendo controles a Google Maps

07/Abr/2007 Google Deja un comentario

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

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*