object doesn't support this property or method

71 views
Skip to first unread message

Khawer Abbasi

unread,
May 9, 2008, 10:07:21 AM5/9/08
to Google-AJAX...@googlegroups.com
I m using Google Map Api in my application...as i run Google map page on Mozilla it works fine but when i open it on  IE  (internet Explorer 6,7) it gives that  java script error(Object doesn't support this property or method) and does,t show map...can  any one solve this problem for me

jgeerdes [AJAX APIs "Guru"]

unread,
May 9, 2008, 10:28:53 AM5/9/08
to Google AJAX API
Unfortunately, it's really not possible to diagnose such a problem
without a link to your page.

Jeremy R. Geerdes
Effective website design & development
Des Moines, IA

For more information or a project quote:
http://jgeerdes.home.mchsi.com
jgee...@mchsi.com

If you're in the Des Moines, IA, area, check out Debra Heights
Wesleyan Church!

Khawer Abbasi

unread,
May 9, 2008, 11:39:41 AM5/9/08
to Google-AJAX...@googlegroups.com
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&amp;v=2.103&amp;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">
&nbsp;&nbsp;<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">
&nbsp;-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>
&nbsp;<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>
&nbsp; &nbsp; &nbsp; &nbsp;<br />
&nbsp; &nbsp;<br />
</td>
</tr>
</table>
</form>
</body>
</html>



***********end code*****************

jgeerdes [AJAX APIs "Guru"]

unread,
May 9, 2008, 1:25:17 PM5/9/08
to Google AJAX API
Considering that this is ASP/C# code, it would be much, much better if
you can provide a link, rather than code. If you absolutely can't
post a link to the application, is there any way you can put the code
on a code pasting service such as http://paste-it.net and provide a
link to that, as recommended in the posting guidelines? That way
formatting is transmitted intact. Thank you.
Reply all
Reply to author
Forward
0 new messages