Ver Mensaje Individual
  #9 (permalink)  
Antiguo 22/12/2010, 14:56
Joselito36
 
Fecha de Ingreso: mayo-2010
Mensajes: 53
Antigüedad: 14 años, 6 meses
Puntos: 6
Respuesta: Formulario de Geolocalización

Lo pego entero por si alguien lo quiere aplicar. Pero que sepaís que todo el mérito es de walterdevel.

<body>
<!-- servidor -->
<script src="AQUI TIENE QUE IR VUESTRA API DE GOOGLE MAPS" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[

// Inicialización de variables.
var map = null;
var geocoder = null;

function load() { // Abre LLAVE 1.
if (GBrowserIsCompatible()) { // Abre LLAVE 2.
map = new GMap2(document.getElementById("map"));

map.setCenter(new GLatLng(36.5296879,-6.2926569), 15);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());

geocoder = new GClientGeocoder();

//---------------------------------//
// MARCADOR AL HACER CLICK
//---------------------------------//
GEvent.addListener(map, "click",
function(marker, point) {
if (marker) {
null;
} else {
map.clearOverlays();
var marcador = new GMarker(point);
map.addOverlay(marcador);
//marcador.openInfoWindowHtml("<b><br>Coordenadas:<b r></b>Latitud : "+point.y+"<br>Longitud : "+point.x+"<a href=http://www.mundivideo.com/fotos_pano.htm?lat="+point.y+"&lon="+point.x+"&map a=3 TARGET=fijo><br><br>Fotografias</a>");
//marcador.openInfoWindowHtml("<b>Coordenadas:</b> "+point.y+","+point.x);
document.form_mapa.coordenadas.value = point.y+","+point.x;
}
}
);
//---------------------------------//
// FIN MARCADOR AL HACER CLICK
//---------------------------------//

} // Cierra LLAVE 1.
} // Cierra LLAVE 2.

//---------------------------------//
// GEOCODER
//---------------------------------//
function showAddress(address, zoom, valor) {
if (geocoder) {
geocoder.getLatLng(address,
function(point) {
if (!point) {
alert(address + " No se encuentra. Introduzca una dirección válida");
} else {
map.setCenter(point, zoom);
var marker = new GMarker(point);
map.addOverlay(marker);
//marker.openInfoWindowHtml("<b>"+address+"</b><br>Coordenadas:<br>Latitud : "+point.y+"<br>Longitud : "+point.x+"<a href=http://www.mundivideo.com/fotos_pano.htm?lat="+point.y+"&lon="+point.x+"&map a=3 TARGET=fijo><br><br>Fotografias</a>");
// marker.openInfoWindowHtml("<b>Coordenadas:</b> "+point.y+","+point.x);
document.form_mapa.coordenadas.value = point.y+","+point.x;
}
}
);
}}
//---------------------------------//
// FIN DE GEOCODER
//---------------------------------//
//]]>
</script>

</head>
<body onLoad="load();" onunload="GUnload();">
<h1 style="border: 1px solid #CCC;background-color: #EEE;color: #999; width:450px; font-family: verdana; font-size:9px">OBTENER COORDENADAS DE UN PUNTO EN GOOGLE MAPS</h1>

<form name="form_mapa" method="GET" enctype="multipart/form-data">
<!-- <form name="form_mapa" method="GET" onsubmit="showAddress(this.address.value, this.zoom.value=parseFloat(this.zoom.value)); return false" enctype="multipart/form-data"> -->



<p style="font-size: 10px;font-family: verdana;font-weight: bold;">Dirección a buscar:

<input type="text" name="address" id="address" value="" style="width: 320px;font-size: 10px;font-family: verdana;font-weight: bold;" />

<input type="hidden" size="1" id="zoom" name="zoom" value=15 />

<input type="submit" onclick = "showAdd(); return false" value="Ver" />

</p>

<script type="text/javascript">

function showAdd() {

try{



var address = document.getElementById("address").value;

var zoom = document.getElementById("zoom").value;



showAddress(address, zoom=parseFloat(zoom));

} catch(error) {

alert(error);//esto te dirá si algo no salió bien

}

}

</script>
<p style="font-size: 10px;font-family: verdana;font-weight: bold;">Coordenadas:
<input type="text" name="coordenadas" value="" style="width: 350px;font-size: 10px;font-family: verdana;font-weight: bold;" />
<input type="submit" name="coordenadas2" onclick = "this.form.action = 'http://www.pisoscadiz.info/zrecoge.php'" value="Grabar" /></p>

</form>


</p><br />

<div style="width: 450px; border-width: 1px; border-style: solid; border-color: #979797; padding:8px 8px 8px 8px;">
<div id="map" style="width: 450px; height: 300px"></div>
</div>

<form name="form_mapa_1" action="#" onclick=" showAddress(this.address.value, 15); return false">

</form>

</body>