File: D:/HostingSpaces/SGroot/sylviastotalcare.nl/wwwroot/plan_uw_route.aspx
<!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">
</title><link rel="stylesheet" type="text/css" href="../css/style.css" /><link rel="stylesheet" type="text/css" href="../css/vervolg.css" />
<body>
<script src="../Scripts/sifr/sifr.js" type="text/javascript"></script>
<script src="../Scripts/sifr-config.js" type="text/javascript"></script>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</div>
<div class="inhoud-teksten">
<span class="Titel">Plan uw route</span>
<div>
<style type="text/css">
#routecontainer {width:650px; float:left;}
#googlemap {float:left; width: 650px; height: 350px; color: #000000; border: 1px solid #10157F;}
#gegevens {float:left; width: 650px; height: 50px; color: #000000;}
#directions {float:left; margin:20px 0px 0px 0px; width:650px;}
.forminput {float:left; width: 150px; height:18px; text-align:left; border:1px solid #10157F; line-height:18px;}
.btn_right,
#routecontainer a:hover {display:block; float:right; width: 100px; height:19px; padding-top:3px; text-align:center; background: #10157F;color: #FFFFFF; font-weight:bold; text-decoration:none;}
span.help {float: right;}</style>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvzYxcQ3F_cylRZRLf3wWaxTE9Sa3AKWEEUyDF2ciBtESyasIARQIPPzppWnnnbiR6PAVKFjCmM8ypQ" type="text/javascript"></script><script type="text/javascript">
window.onunload = function() {
GUnload();
}
</script>
<div id="routecontainer">
<div id="googlemap"> </div>
<div id="gegevens">
<form id="routeform" action="?label=route" method="post" onsubmit="return false;">
<br />
<table cellspacing="0" cellpadding="0" width="650" border="0">
<tbody>
<tr>
<td width="80" class="Omschrijving"><strong>Vertrekpunt</strong></td>
<td width="255"><input class="forminput" id="i_from" name="from" type="text" /> <a class="btn_right" href="javascript:getDirections();">Toon route</a></td>
<td width="263" align="right" class="Omschrijving"><strong>Bestemming</strong>: Willame Naghelstraat 18, 2215 PP, Voorhout</td>
</tr>
</tbody>
</table>
</form>
<div id="directions"> </div>
<script type="text/javascript">
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("googlemap"));
var p_home = new GLatLng(52.226245,4.491327);
map.setCenter(p_home, 13, G_NORMAL_MAP);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());
marker = new GMarker(p_home);
map.addOverlay(marker);
var directions = new GDirections(map, document.getElementById('directions'));
getDirections = function() {
directions.load('from: ' + document.getElementById('i_from').value + ' to: Willame Naghelstraat 18, Voorhout, NL', {"locale": "nl_NL"});
}
}
</script><br />