Usando Google Maps no ASP NET

04/05/2009

Gelera,

Tenho 3 p�ginas. Default. aspx (masterpage), e as demais, login.aspx e perfil.aspx s�o p�ginas filhas.

Tenho esse javascript do google maps e quero us�-lo em minha p�gina perfil.aspx.

Na p�gina login.aspx tenho um textbox que o usu�rio preenche com a cidade em que mora para ser exibido no mapa.

Como fa�o?? Pois nas p�ginas login.aspx e perfil.aspx n�o tenho a tag <body> e !

Segue o javascript:

<!DOCTYPE html PUBLIC �-//W3C//DTD XHTML 1.0 Strict//EN�
�http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd�>
<html xmlns=�http://www.w3.org/1999/xhtml�>
<head>
<meta http-equiv=�content-type� content=�text/html; charset=utf-8�/>
<title>Google Maps JavaScript API Example</title>
<script src=�http://maps.google.com.br/maps?file=api&v=2&key=rtyAOtH3CsBI_dLeAADSDSDsaGzfaefeqSOLLpdasCyHkhRTjiQY-y3vl8ZJprj90lH0AvTN2g�
type=�text/javascript�></script>
<script type=�text/javascript�>

//<![CDATA[

var map = null;
var geocoder = null;

function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById(�map�));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
geocoder = new GClientGeocoder();
var mapControl = new GMapTypeControl();
map.addControl(mapControl);
var mapControl2 = new GSmallMapControl();
map.addControl(mapControl2);
}
}

// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.image = �teste.png�;
//baseIcon.shadow = �shadow.png�;
baseIcon.iconSize = new GSize(45, 65);
//baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(5, 65);

// Set up our GMarkerOptions object
var markerOptions = { icon:baseIcon, title: �Vaqueiro�};

function showAddress(address) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + � not found�);
} else {
map.setCenter(point, 14);
var marker = new GMarker(point, markerOptions);
map.addOverlay(marker);
}
}
);
}

//]]>
</script>
</head>
<body onload=�initialize()� onunload=�GUnload()�>

<div id=�map� style=�width: 300px; height: 300px; border:solid 1px #000000;�></div>

<input type=�text� id=�endereco� name=�endereco� style=�width:600px� />

<input type=�button� onclick=�showAddress(document.f.endereco.value);� value=�testar� />

</body>
</html>

Rogermarroni

Curtir t�pico + 0

Responder

Posts

06/05/2009

Signori

Voc� testou adicionar este Script na p�gina login.aspx? mesmo que n�o tenha as tag head e body?

pois eu tenho alguns scripts e os uso desta forma em p�ginas com Contents...

Qulquer d�vida post ai.. quem sabe posso te ajudar.

flw

Responder

Gostei + 0