AJAX y Google maps
Tabli
03 de Abril del 2008
Hola, mi problema es que tengo un proyecto en C# y estoy trabajando con Googlemaps. Tengo una página máster y lo que quiero es obtener una función en la que clickando en un lugar del mapa, te sale las coordenadas en un Textbox.
La función la tengo, pero no me escribe en el Textbox las coordenadas cuando introduzco el código dentro de una página master, espero q me puedan ayudar.
La función es la siguiente:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs"
Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript"
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAASAJad57ltPkrs7U2SdbRUBSFbEx3O7CUDWvRY_IUEd8cXC7suRR23uNJaW8c-oTbh0dypPZEmMPANQ"></script>
<script type="text/javascript">
var map
function load(){
if(GBrowserIsCompatible())
{
map= new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
GEvent.addListener(map, "moveend",
function()
{
var center=map.getCenter();
document.forms[0].TxtLatitud.value= center.lat();
document.forms[0].TxtLongitud.value= center.lng();
}
);
map.setCenter(new GLatLng(14.62, -90.53),13);
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body onload="load()" onunload="GUnload()">
<form id="form1" runat="server">
<div id="map" style="width: 500px; height: 300px ">
</div>
Latitud:
<asp:TextBox ID="TxtLatitud" runat="server"></asp:TextBox><br />
Longitud:
<asp:TextBox ID="TxtLongitud" runat="server"></asp:TextBox><br />
</form>
</body>
</html>
La función la tengo, pero no me escribe en el Textbox las coordenadas cuando introduzco el código dentro de una página master, espero q me puedan ayudar.
La función es la siguiente:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs"
Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript"
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAASAJad57ltPkrs7U2SdbRUBSFbEx3O7CUDWvRY_IUEd8cXC7suRR23uNJaW8c-oTbh0dypPZEmMPANQ"></script>
<script type="text/javascript">
var map
function load(){
if(GBrowserIsCompatible())
{
map= new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
GEvent.addListener(map, "moveend",
function()
{
var center=map.getCenter();
document.forms[0].TxtLatitud.value= center.lat();
document.forms[0].TxtLongitud.value= center.lng();
}
);
map.setCenter(new GLatLng(14.62, -90.53),13);
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body onload="load()" onunload="GUnload()">
<form id="form1" runat="server">
<div id="map" style="width: 500px; height: 300px ">
</div>
Latitud:
<asp:TextBox ID="TxtLatitud" runat="server"></asp:TextBox><br />
Longitud:
<asp:TextBox ID="TxtLongitud" runat="server"></asp:TextBox><br />
</form>
</body>
</html>