i got the java script error when " Object deosn,t support this property or method" when i run this code ...plz help me out
****************************code******************
<%@ Page Language="C#" AutoEventWireup="true" Codebehind="googleMap.aspx.cs" Inherits="WebApplication1._Default" %>
<!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 Map</title>
<script src="
http://www.google.com/uds/api?file=uds.js&v=2.103&key=ABQIAAAA7kFyHVW3pXG3WE4QR14paRTBlyo2DY4EU5cH8N0WXBz_yhGrZhTeVs5SqkfWPURH-zGNkxjD7IL7kg"
type="text/javascript"></script>
<script src="
http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
<style type="text/css">
@import url("
http://www.google.com/uds/css/gsearch.css");
@import url("
http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
</style>
<script src="
http://maps.google.com/maps?file=api&v=2.103&key=ABQIAAAA7kFyHVW3pXG3WE4QR14paRTBlyo2DY4EU5cH8N0WXBz_yhGrZhTeVs5SqkfWPURH-zGNkxjD7IL7kg" type="text/javascript"></script>
<script src="
http://www.google.com/uds/api?file=uds.js&v=2.103&key=YOUR-KEY" type="text/javascript"></script>
<script src="
http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js" type="text/javascript"></script>
<!-- ajax search stylesheet, map search stylesheet -->
<link href="
http://www.google.com/uds/css/gsearch.css" rel="stylesheet" type="text/css" />
<link href="
http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css" rel="stylesheet"
type="text/css" />
<script src="
http://maps.google.com/maps?file=api&v=2.103&key=ABQIAAAA7kFyHVW3pXG3WE4QR14paRTBlyo2DY4EU5cH8N0WXBz_yhGrZhTeVs5SqkfWPURH-zGNkxjD7IL7kg"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
checkedLatLong=new Array();
markerCount=0;
if (GBrowserIsCompatible()) {
var latt=document.getElementById("<%=latt.ClientID%>");
var lngg=document.getElementById("<%=lngg.ClientID%>");
map.setCenter(new google.maps.LatLng(latt.value, lngg.value), 13);
if((latt.value=="")||(lngg.value==""))
{
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
}
}
}
//]]>
</script>
<script type="text/javascript" src="
http://www.google.com/jsapi?key=ABQIAAAA7kFyHVW3pXG3WE4QR14paRTBlyo2DY4EU5cH8N0WXBz_yhGrZhTeVs5SqkfWPURH-zGNkxjD7IL7kg"></script>
<script type="text/javascript">
google.load("maps", "2");
google.load("search", "1");
// Call this function when the page has been loaded
function initialize() {
var latt=document.getElementById("<%=latt.ClientID%>");
var lngg=document.getElementById("<%=lngg.ClientID%>");
// define the crosshair tile layer and its required functions
var crossLayer = new GTileLayer(new GCopyrightCollection(""), 0, 15);
crossLayer.getTileUrl = function(tile, zoom) {
return "./include/tile_crosshairs.png";
}
crossLayer.isPng = function() {return true;}
// Create a new map type incorporating the tile layer
var layerTerCross = [ G_PHYSICAL_MAP.getTileLayers()[0], crossLayer ];
var mtTerCross = new GMapType(layerTerCross,
G_PHYSICAL_MAP.getProjection(), "Ter+");
map = new GMap2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(latt.value, lngg.value), 13);
map.addMapType(G_PHYSICAL_MAP);
map.addMapType(mtTerCross);
var mapControl = new GHierarchicalMapTypeControl();
// Set up map type menu relationships
mapControl.clearRelationships();
mapControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
mapControl.addRelationship(G_PHYSICAL_MAP, mtTerCross, "Crosshairs");
// Add control after you've specified the relationships
map.addControl(mapControl);
map.addControl(new GLargeMapControl());
if((latt.value!="")&&(lngg.value!=""))
{
map.clearOverlays();
point = new GLatLng(latt.value,lngg.value);
marker = new GMarker(point);
map.addOverlay(marker);
}
if((latt.value=="")||(lngg.value==""))
{
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
var latt1=document.getElementById("<%=sLatVal.ClientID%>");
var lngg1=document.getElementById("<%=sLongVal.ClientID%>");
latt1.value="37.4419";
lngg1.value="-122.1419";
map.clearOverlays();
point = new GLatLng(latt1.value,lngg1.value);
marker = new GMarker(point);
map.addOverlay(marker);
}
var x1;
GEvent.addListener(map, "moveend", function() {
var center = map.getCenter();
x1 = center.toString();
});
var searchControl = new google.maps.LocalSearch();
map.addControl(searchControl);
searchControl.focus();
}
google.setOnLoadCallback(initialize);
function findLatLong()
{
var latt1=document.getElementById("<%=sLatVal.ClientID%>");
var lngg1=document.getElementById("<%=sLongVal.ClientID%>");
var latt=document.getElementById("<%=latt.ClientID%>");
var lngg=document.getElementById("<%=lngg.ClientID%>");
latt1.value=latt.value;
lngg1.value=lngg.value;
// alert(latt.value+"||"+lngg.value);
map = new GMap2(document.getElementById("map"));
map.clearOverlays();
point = new GLatLng(latt.value,lngg.value);
marker = new GMarker(point);
map.addOverlay(marker);
// var map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(latt.value, lngg.value), 13);
window.setTimeout(function(){map.panTo(new GLatLng(latt.value, lngg.value));},1000);
return true;
}
function insertMark()
{
//alert("fnewhf");
var bt=document.getElementById("instPt");
var latt1=document.getElementById("<%=sLatVal.ClientID%>");
var lngg1=document.getElementById("<%=sLongVal.ClientID%>");
if(markerCount==0)
{
//alert("edkjdfop");
// Create our "tiny" marker icon
var blueIcon = new GIcon(G_DEFAULT_ICON);
blueIcon.image = "
http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
// Set up our GMarkerOptions object
markerOptions = { icon:blueIcon, draggable: true };
var center = map.getCenter();
var x1 = center.toString();
temp = x1.split(',');
if(temp.length>0)
{
var y=temp[0];
temp1=y.split('(');
latt1.value=temp1[1].toString();
y=temp[1];
temp1=y.split(')');
lngg1.value=temp1[0].toString();
}
point = new GLatLng(latt1.value,lngg1.value);
marker = new GMarker(point,markerOptions);
GEvent.addListener(marker, "dragstart", function() {
map.closeInfoWindow();
});
GEvent.addListener(marker, "dragend", function() {
var center=marker.getPoint();
var x1 = center.toString();
temp = x1.split(',');
if(temp.length>0)
{
var y=temp[0];
temp1=y.split('(');
latt1.value=temp1[1].toString();
y=temp[1];
temp1=y.split(')');
lngg1.value=temp1[0].toString();
}
marker.openInfoWindowHtml("Just bouncing along...");
});
map.addOverlay(marker);
bt.disabled=true
markerCount=1;
}
}
</script>
</head>
<body onload="load()" onunload="GUnload()" topmargin="0" leftmargin="0">
<br />
<br />
<form id="Form1" runat="server">
<table style="width: 100%">
<tr>
<td style="width: 20%" valign="top">
<br />
<table>
<tr>
<td style="width: 100px">
<asp:Label ID="lat" runat="server" Text="Latitude" Width="42px"></asp:Label></td>
<td style="width: 100px">
<asp:TextBox ID="latt" runat="server" CausesValidation="True" Width="145px"></asp:TextBox></td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px;">
<asp:Label ID="lng" runat="server" Text="Longitude" Width="50px"></asp:Label></td>
<td style="width: 100px">
<asp:TextBox ID="lngg" runat="server" Width="142px" CausesValidation="True"></asp:TextBox></td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
<asp:Button ID="search" runat="server" Text="Search" /></td>
<td style="width: 100px">
</td>
<td style="width: 100px">
</td>
</tr>
</table>
<table style="width: 376px">
<tr>
<td style="width: 100px">
<strong>Latitude</strong></td>
<td style="width: 108px">
<strong>Longitude</strong></td>
<td style="width: 100px">
<strong>Location</strong></td>
</tr>
<tr>
<td style="width: 100px">
52.96667</td>
<td style="width: 108px">
-1.1666667461395264
</td>
<td style="width: 100px">
Nottingham</td>
</tr>
<tr>
<td style="width: 100px">
53.79416
</td>
<td style="width: 108px">
-1.553192138671875
</td>
<td style="width: 100px">
Leeds</td>
</tr>
<tr>
<td style="width: 100px; height: 21px">
51.5085983
</td>
<td style="width: 108px; height: 21px">
-0.126399993896484</td>
<td style="width: 100px; height: 21px">
London</td>
</tr>
<tr>
<td style="width: 100px">
40.4165
</td>
<td style="width: 108px">
-3.70256423950195</td>
<td style="width: 100px">
Madrid</td>
</tr>
<tr>
<td style="width: 100px">
53.41667
</td>
<td style="width: 108px">
-3</td>
<td style="width: 100px">
Liverpool</td>
</tr>
</table>
</td>
<td style="width: 64%; border-style: double">
<div id="map" style="width: 100%; height: 350px;">
</div>
<div id="searchForm">
Loading...</div>
<table style="width: 327px;">
<tr>
<td style="width: 10199px; height: 5px">
<asp:Label ID="slat" runat="server" Text="Selected latitude" Width="117px"></asp:Label></td>
<td style="width: 1604px; height: 5px">
</td>
<td style="width: 1038px; height: 5px">
<asp:TextBox ID="sLatVal" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 10199px; height: 5px">
<asp:Label ID="slong" runat="server" Text="Selected longitude" Width="114px"></asp:Label></td>
<td style="width: 1604px; height: 5px">
</td>
<td style="width: 1038px; height: 5px">
<asp:TextBox ID="sLongVal" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 10199px; height: 9px;">
Checked/Unchecked</td>
<td style="width: 1604px; height: 9px">
</td>
<td style="width: 1038px; height: 9px;">
<asp:CheckBox ID="chBox" runat="server" /></td>
</tr>
<tr>
<td style="width: 10199px; height: 9px">
</td>
<td style="width: 1604px; height: 9px">
</td>
<td style="width: 1038px; height: 9px">
<input id="instPt" type="button" value="Insert Marker" onclick="return insertMark();" />
<%-- <asp:Button ID="instPt" Text="Insert Point" CausesValidation="False" OnClick="insertMark();" />--%>
</td>
</tr>
</table>
<br />
<br />
</td>
</tr>
</table>
</form>
</body>
</html>
***********end code*****************