Recientemente he incluido mi web el código para mostrar un google Map.
Tiene el añadido de que cada vez que se hace click sobre un punto del mapa, se añade un marcador a la coordenada o, si ya lo había, se elimina.
Me gustaría poder guardar la latitud y la longitud en unas cajas de texto de formulario. Es decir, que cada vez que se haga click sobre un punto, automáticamente se actualiza la caja de texto con las coordenadas nuevas.
El código es el siguiente:
Código PHP:
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAuz5vR5B8DQ7kb82dWaSVqxQhRrESuKRf1RPu3H52oqPFusF5ZhTJ76qEH2rUwqhOjgQ5kOcRwcmMRg"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
//var lat = $lat;
//var long = $long;
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
punto = new GLatLng(34,1);
map.setCenter(punto, 13);
map.addOverlay(new GMarker(punto));
//captura de los clicks
var nuevaLat;
var nuevaLong;
GEvent.addListener(map, "click", function(marker, point) {
if (marker) {
map.removeOverlay(marker);
} else {
map.addOverlay(new GMarker(point));
nuevaLat = point.lat();
nuevaLong = point.lng();
}
});//captura de los clicks
}//if browser compatible
}// funcion load
//]]>
</script>
Código PHP:
Latitud:
<input name="lat_txt" type="text" id="lat_txt">
Longitud:
<input name="long_txt" type="text" id="long_txt">