bueno gracias por las respuestas... investigando he logrado hacer el mapa, e insertarle un marcador en el cual se despliega la latitud y la longitud en un cartel que sale arriba del marcador.... mi problema ahora es que necesito que la latitud y la longitud se muestren por separado en los inputs de abajo...
. el ejemplo que me pasaron aqui va bien pero no logro que la latitud y la longitud se muestren en inputs separados...abajo del mapa.... alguien sabe como lograr hacer esto? aca va mi codigo para ver si alguien me da una mano
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Trip Minded - Add Site</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=AIzaSyA07VHJApYzXc3uJgFEk4l04KaSABLyaVA"
type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var geocoder = null;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 1);
map.setUIToDefault();
geocoder = new GClientGeocoder();
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 15);
var marker = new GMarker(point, {draggable: true});
map.addOverlay(marker);
GEvent.addListener(marker, "dragend", function() {
});
GEvent.trigger(marker, "click");
} marker.openInfoWindowHtml(marker.getLatLng().toUrlValue(6));
}
);
}
}
</script>
</head>
<body onLoad="initialize()" onUnload="GUnload()">
<center>
<form action="#" onSubmit="showAddress(this.address.value); return false">
<table width="800" border="1">
<tr>
<th width="267" scope="row"> </th>
<td width="225"><div align="center"><strong class="s">Add Sites for your Circuit</strong></div></td>
<td width="286"> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row">Select your Destiny:</th>
<td><input type="text" style="width:500px" name="address" value="Select your destiny" /></td>
<td> <input type="submit" value="Add Site!" /></td>
</tr>
<tr>
<th scope="row"> </th>
<td><div id="map_canvas" style="width: 600px; height: 400px"></div> </td>
<td> </td>
</tr>
<tr>
<th scope="row">Latitud:</th>
<td><input type="text" name="x" style="width:500px;" /></td>
<td> </td>
</tr>
<tr>
<th scope="row">Longitud:</th>
<td><input type="text" name="y" style="width:500px;" /></td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</center>
</body>
</html>