Hello,
I am an ASP programmer and I write javascript to the browser (with server side ASP). This page should show google maps, but doesn't even show the map. Can somebody tell me where the mistake is, i'm sure it's a syntax error!
Thanks a lot!
Aspijker
I am an ASP programmer and I write javascript to the browser (with server side ASP). This page should show google maps, but doesn't even show the map. Can somebody tell me where the mistake is, i'm sure it's a syntax error!
Thanks a lot!
Aspijker
Code:
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<title>Verhuur of verkoop uw eigen woning snel en eenvoudig.</title>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<link href="/favicon.ico" rel="SHORTCUT ICON" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="[URL unfurl="true"]http://maps.google.com/maps?file=api&v=2&key=[/URL]
ABQIAAAAt6IRi5YuxTsPIxnlDyXmJBREy73IMQmYdcnAYT6ikBgqLQwmYRSWkA5JOyYO_
xAc5rXKTXP6Mfnvkg" type="text/javascript"></script>
<script language="javascript">
<!-- hide from old browsers...
// end of hiding -->
</script>
<link href="main.css" type="text/css" rel="stylesheet" />
<meta content="Verhuur of verkoop uw eigen woning snel en eenvoudig." name="Author" />
<meta content="Huurwoningen - Koopwoningen - Vakantiewoningen in Nederland." name="description" />
<meta content="huurwoningen,koopwoningen,vakantiewoningen,woningen,huis,
koophuis,huren,verhuur" name="keywords" />
</head>
<body bottommargin="0" topmargin="0" onload="mapload()" rightmargin="0" onunload="GUnload()">
<script type="text/javascript">
function submitonce(theform)
{
if (document.all||document.getElementById)
{
for (i=0;i<theform.length;i++)
{
var tempobj=theform.elements[i]
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()==
"reset")
tempobj.disabled=true
}
}
}
</script>
<table cellspacing="0" cellpadding="0" width="850" border="0">
<tbody>
<tr>
<td align="left" colspan="4">
<img src="images/head.jpg" /></td>
</tr>
<tr>
<td colspan="4" height="8">
</td>
</tr>
<tr>
<td align="left" colspan="4">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="tabblad">
<img src="images/tablinks.gif" /><a title="Ga naar het landelijke aanbod huurwoningen." href="woningentehuur.asp">Huurwoningen</a><img src="images/tabrechts.gif" /></td>
<td class="tabblad">
<img src="images/tablinks.gif" /><a title="Ga naar het landelijke aanbod koopwoningen." href="woningentekoop.asp">Koopwoningen</a><img src="images/tabrechts.gif" /></td>
<td class="tabblad">
<img src="images/tablinks.gif" /><a title="Ga naar het landelijke aanbod vakantiewoningen." href="bedrijfspandentekoop.asp">Huurwoningen</a><img src="images/tabrechts.gif" /></td>
<td class="tabblad">
<img src="images/tablinks.gif" /><a title="Bedrijfspanden te koop" href="bedrijfspandentehuur.asp">Bedrijfspanden
te koop</a><img src="images/tabrechts.gif" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td style="BORDER-RIGHT: silver; PADDING-RIGHT: 15px; BORDER-TOP: medium none; BORDER-LEFT: medium none; PADDING-TOP: 15px; BORDER-BOTTOM: medium none" valign="top" nowrap="nowrap" align="left">
<table cellspacing="0" cellpadding="0" width="140">
<tbody>
<tr>
<th width="140" background="../images/menu-bg.gif" colspan="2">
Menu</th>
</tr>
<tr>
<td class="navcat">
<a href="Welkom.asp">Welkom</a></td>
</tr>
<tr>
<td class="navcat">
<a href="Inschrijven.asp">Inschrijven</a></td>
</tr>
<tr>
<td class="navcat">
<a href="Zoeken.asp">Zoeken</a></td>
</tr>
<tr>
<td class="navcat">
<a href="Makelaars.asp">Makelaars</a></td>
</tr>
<tr>
<td class="menucelonder">
<a href="Verhuurders.asp">Verhuurders</a></td>
</tr>
<tr>
<td width="140">
</td>
</tr>
<tr>
<th width="140" background="../images/menu-bg.gif">
Zoeken</th>
</tr>
<form action="zoek_woning.asp" method="post">
<input type="hidden" name="hID" />
<tr>
<td class="menucel">
Provincie
<br />
<select name="provincie">
<option selected="selected">
</option>
<option value="1">lava</option>
<option value="2">Albacete</option>
<option value="3">Alicante</option>
<option value="4">Almera</option>
<option value="5">Asturi</option>
<option value="6">vila</option>
<option value="7">Badajoz</option>
<option value="8">Balearen</option>
<option value="9">Barcelona</option>
<option value="10">Biskaje</option>
<option value="11">Burgos</option>
<option value="12">Cceres</option>
<option value="13">Cdiz</option>
<option value="14">Cantabri</option>
<option value="15">Castelln</option>
<option value="16">Ceuta</option>
<option value="17">Ciudad Real</option>
<option value="18">Crdoba</option>
<option value="20">Cuenca</option>
<option value="21">Gerona</option>
<option value="22">Granada</option>
<option value="23">Guadalajara</option>
<option value="24">Guipzkoa</option>
<option value="25">Huelva</option>
<option value="26">Huesca</option>
<option value="27">Jan</option>
<option value="19">La Corua</option>
<option value="40">La Rioja</option>
<option value="38">Las Palmas</option>
<option value="28">Len</option>
<option value="29">Lrida</option>
<option value="30">Lugo</option>
<option value="31">Madrid</option>
<option value="32">Mlaga</option>
<option value="33">Melilla</option>
<option value="34">Murcia</option>
<option value="35">Navarra</option>
<option value="36">Ourense</option>
<option value="37">Palencia</option>
<option value="39">Pontevedra</option>
<option value="41">Salamanca</option>
<option value="42">Santa Cruz de Tenerife</option>
<option value="43">Segovia</option>
<option value="44">Sevilla</option>
<option value="45">Soria</option>
<option value="46">Tarragona</option>
<option value="47">Teruel</option>
<option value="48">Toledo</option>
<option value="49">Valencia</option>
<option value="50">Vizcaya</option>
<option value="51">Zamora</option>
<option value="52">Zaragoza</option>
</select>
</td>
</tr>
<tr>
<td class="menucel">
Plaats<br />
<input type="text" size="18" name="hcity" />
</td>
</tr>
<tr>
<td class="menucel">
Postcode<br />
<input type="text" size="18" name="hzip" />
</td>
</tr>
<tr>
<td class="menucel">
Max. prijs
<input type="text" size="18" name="hprice" /></td>
</tr>
<tr>
<td class="navgeenlink">
</td>
</tr>
<tr>
<td class="menucel">
<input style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" type="submit" size="18" value="Zoeken" name="add" />
</td>
</tr>
<tr>
<td class="navgeenlinkonder">
</td>
</tr>
</form>
<tr>
<td width="140">
</td>
</tr>
<tr>
<th width="140" background="../images/menu-bg.gif">
Inloggen</th>
</tr>
<form action="login_action.asp" method="post">
<tr>
<td class="navgeenlink">
<strong>E-mail</strong>
<br />
<input class="cssborder" type="text" size="18" value="spijker.a@planet.nl" name="email" /> <small><a href="confirm.asp?notme=1"></a></small></td>
</tr>
<tr>
<td class="navgeenlink">
<strong>Paswoord</strong>
<br />
<input class="cssborder" type="password" size="18" name="mynumber" /></td>
</tr>
<tr>
<td class="navgeenlink">
</td>
</tr>
<tr>
<td class="navgeenlink">
<input class="cssborder" type="submit" value="Inloggen" /></td>
</tr>
<tr>
<td class="navgeenlink">
</td>
</tr>
<tr>
<td class="navgeenlink">
<input class="radio" type="checkbox" checked="checked" value="1" name="rememberme" />
<small>E-mail onthouden</small>
</td>
</tr>
<tr>
<td class="navgeenlink">
</td>
</tr>
<tr>
<td class="menucelonder">
<a class="password" href="../reset_password.asp">Paswoord vergeten?</a>
</td>
</tr>
</form>
<tr>
<td width="140">
</td>
</tr>
</tbody>
</table>
</td>
<td style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 15px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none" valign="top">
<table style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" cellspacing="2" cellpadding="6" width="600" border="0">
<tbody>
<tr>
<td valign="top">
<h3>Verhuur of verkoop uw eigen woning snel en eenvoudig.
</h3>
</td>
</tr>
<tr>
<td>
googleSQL: SELECT homedetails.latitude, homedetails.longitude FROM homedetails WHERE
homedetails.active=2;
<div id="boxmap">
<center>
<div id="map" style="WIDTH: 600px; HEIGHT: 350px">
</div>
</center>
<script type="text/javascript">
//<![CDATA[
function mapload() {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(40.42249, -3.69105), 5);
map.addControl(new GMapTypeControl());
var ai1 = new GIcon(G_DEFAULT_ICON);
ai1.image = 'images/m2p4.png';
var point1 = new GLatLng(40.416712, -3.70327);
var marker1 = new GMarker(point1, ai1);
var marker1 = map.addOverlay(marker1);
GEvent.addListener(marker1, 'mouseover', function() {
marker1.openInfoWindowHtml("<div style=\"font-family:arial; text-align:center; width:200px;\"><center><b>2002 Volvo C70</b><br><img src=\"/userfiles/104/thumbs/aseo_main.jpg\"><br><a href=\"[URL unfurl="true"]http://www.mijnsite.nl/search_results.asp?id=[/URL]
79bc3a36b5a3582562d488804b2d4cc5\" target=\"_BLANK\">View Details</a></center></div>");
});
GEvent.addListener(marker1, 'click', function() {
map.closeInfoWindow();
});
}
var ai2 = new GIcon(G_DEFAULT_ICON);
ai2.image = 'images/m2p4.png';
var point2 = new GLatLng(43.26936, -2.92677);
var marker2 = new GMarker(point2, ai2);
var marker2 = map.addOverlay(marker2);
GEvent.addListener(marker2, 'mouseover', function() {
marker2.openInfoWindowHtml("<div style=\"font-family:arial; text-align:center; width:200px;\"><center><b>2002 Volvo C70</b><br><img src=\"/userfiles/104/thumbs/aseo_main.jpg\"><br><a href=\"[URL unfurl="true"]http://www.mijnsite.nl/search_results.asp?id=[/URL]
79bc3a36b5a3582562d488804b2d4cc5\" target=\"_BLANK\">View Details</a></center></div>");
});
GEvent.addListener(marker2, 'click', function() {
map.closeInfoWindow();
});
}
var ai3 = new GIcon(G_DEFAULT_ICON);
ai3.image = 'images/m2p4.png';
var point3 = new GLatLng(41.387917, 2.169919);
var marker3 = new GMarker(point3, ai3);
var marker3 = map.addOverlay(marker3);
GEvent.addListener(marker3, 'mouseover', function() {
marker3.openInfoWindowHtml("<div style=\"font-family:arial; text-align:center; width:200px;\"><center><b>2002 Volvo C70</b><br><img src=\"/userfiles/104/thumbs/aseo_main.jpg\"><br><a href=\"[URL unfurl="true"]http://www.mijnsite.nl/search_results.asp?id=[/URL]
79bc3a36b5a3582562d488804b2d4cc5\" target=\"_BLANK\">View Details</a></center></div>");
});
GEvent.addListener(marker3, 'click', function() {
map.closeInfoWindow();
});
}
var ai4 = new GIcon(G_DEFAULT_ICON);
ai4.image = 'images/m2p4.png';
var point4 = new GLatLng(37.605651, -0.991293);
var marker4 = new GMarker(point4, ai4);
var marker4 = map.addOverlay(marker4);
GEvent.addListener(marker4, 'mouseover', function() {
marker4.openInfoWindowHtml("<div style=\"font-family:arial; text-align:center; width:200px;\"><center><b>2002 Volvo C70</b><br><img src=\"/userfiles/104/thumbs/aseo_main.jpg\"><br><a href=\"[URL unfurl="true"]http://www.mijnsite.nl/search_results.asp?id=[/URL]
79bc3a36b5a3582562d488804b2d4cc5\" target=\"_BLANK\">View Details</a></center></div>");
});
GEvent.addListener(marker4, 'click', function() {
map.closeInfoWindow();
});
}
var ai5 = new GIcon(G_DEFAULT_ICON);
ai5.image = 'images/m2p4.png';
var point5 = new GLatLng(39.470218, -0.376872);
var marker5 = new GMarker(point5, ai5);
var marker5 = map.addOverlay(marker5);
GEvent.addListener(marker5, 'mouseover', function() {
marker5.openInfoWindowHtml("<div style=\"font-family:arial; text-align:center; width:200px;\"><center><b>2002 Volvo C70</b><br><img src=\"/userfiles/104/thumbs/aseo_main.jpg\"><br><a href=\"[URL unfurl="true"]http://www.mijnsite.nl/search_results.asp?id=[/URL]
79bc3a36b5a3582562d488804b2d4cc5\" target=\"_BLANK\">View Details</a></center></div>");
});
GEvent.addListener(marker5, 'click', function() {
map.closeInfoWindow();
});
}
var ai6 = new GIcon(G_DEFAULT_ICON);
ai6.image = 'images/m2p4![[monkey]](/data/assets/smilies/monkey.gif "[monkey] [monkey]")
![[snake]](/data/assets/smilies/snake.gif "[snake] [snake]")
<.