22/12/2010, 14:56
|
| | 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> |