ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script src="http://maps.google.com/maps?file=api&v=2.115&key=ABQIAAAAj8HNbY_MuHnmbfvGS0PQGxSQ3xc7pJGxn-R-PlhJZ9wQfm4mERTCSdoEaOaKOXt9jv2ilxNb1ldu4Q" type="text/javascript"></script> <script type="text/javascript"> var map = null; var directions = null; var default_zoom_level = 12; function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map_canvas")); directions = new GDirections(map, document.getElementById("route")); point = new GLatLng(52.220779, 5.179826); map.setCenter(point, default_zoom_level); if(afterinit != null) { afterinit(); } } else { } } function dbMarkers( vestigingInfo , posx, posy, outletId ) { gpsloc = posx + "," + posy; var html = "<form action='http://maps.google.com/maps' id='testform"+outletId+"' name='testform"+outletId+"' method='get' target='_blank' onsubmit='DirectionMarkersubmit(this);return false;'><strong style='font-size:11px;'>"+vestigingInfo+"<br /><br /></strong><p style='font-size:11px; display:inline;'>Postcode vertrekpunt:</p><br /> <input type='text' class='inputbox' maxlength='6' size='10' name='saddr' id='saddr' value='' />&nbsp;<input value='Toon Route' class='button' type='submit' style='margin-top: 2px;'><input type='hidden' name='daddr' value='"+gpsloc+"'/></form>"; point = new GLatLng(posx, posy); map.addOverlay(createMarker( point, html )); map.setCenter(point, default_zoom_level); } function createMarker(point, html) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); return marker; } function DirectionMarkersubmit(itemd) { postcode = itemd['saddr'].value; dest = itemd['daddr'].value; showRoute(postcode, dest); return false; } function showRoute(data, dest) { document.getElementById("route").style.height = "275px"; document.getElementById("route").style.borderBottom = "1px solid black"; from = "from: " + data + ", Netherlands"; directions.load(from + " to: " + dest ); } function insertMarkers() { dbMarkers( 'Automuller ' , 51.786446664123865, 4.647989273071289,15); } </script> <style> form { font-family:Verdana, Arial, Helvetica, sans-serif; } body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } </style> </head> <body onload="initialize();" onunload="GUnload();"> <div id="map_canvas" style="width:570px;height:400px; border:solid 1px black;"></div> <div id="route" style="width:560px;height:0px; overflow:auto;border-left:1px solid black;border-right:1 px solid black;"></div> <script type="text/javascript"> afterinit = insertMarkers; </script> </body> </html>