Cómo sacar información de Google Maps
Hay veces que nos es necesario saber dónde nos encontramos cuando mostramos un mapa de Google. Para ello existen 3 parámetros principales y básicos, que son la latitud, la longitud y el zoom.
Pues bien, Google Maps nos brinda esta información son problemas. Para ello vamos a utilizar en nuestro sitio un formulario como este:
Lat: <input name=”latitud” type=”text” value=”0″ />
Long: <input name=”longitud” type=”text” value=”0″ />
Zoom: <input name=”zoom” type=”text” value=”0″ />
</form>
Perfecto ya tenemos nuestro formulario donde mostrarmos la información del mapa.
Ahora vamos con el mapa en sí, lo típico es tener algo como esto:
map = new GMap2(document.getElementById(”mapa”));
map.addControl(new GScaleControl());
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.addControl(new GOverviewMapControl());
map.setCenter(new GLatLng(0, 0), 1,G_SATELLITE_MAP);
geocoder = new GClientGeocoder();
mostrarcentro();
GEvent.addListener(map, “move”, function() {mostrarcentro();});
}
Tenéis que ver que hemos puesto un “escuchador” de eventos, osea que cada vez que el mapa haga el evento “move”, osea que se mueva, llame a la función mostrarcentro().
La clave de todo está en la función “mostrarcentro()” que a continuación os escribo:
{
var centro = map.getCenter();
document.form1.latitud.value=centro.lat();
document.form1.longitud.value=centro.lng();
document.form1.zoom.value=map.getZoom();
}
Con esta función lo primero que recogemos en la variable “centro” son los datos que el mapa nos devuelve con getCenter(). En esta variable tengo la latitud, longitud, que sacamos con centro.lat() y centro.lng(). Luego para el zoom lo sacamos con getZoom()
Así tendremos la información del mapa cada vez que se mueva.
