| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <script src="openlayers/OpenLayers.js"></script> | |
| <SCRIPT TYPE="text/javascript" SRC="OpenStreetMap.js"></SCRIPT> | |
| <script type="text/javascript" src="jquery.1.3.2.min.js"></script> | |
| <script type="text/javascript"> | |
| function init() | |
| { | |
| // create the ol map object | |
| var map = new OpenLayers.Map('map'); | |
| var osmtiles = new OpenLayers.Layer.OSM("local", "http://127.0.0.1/Maps/OSM/${z}/${x}/${y}.png") | |
| // use http://open.atlas.free.fr/GMapsTransparenciesImgOver.php and http://code.google.com/p/googletilecutter/ to make tiles | |
| markers = new OpenLayers.Layer.Markers("Between Stop Markers"); | |
| <?php | |
| $conn = pg_connect("dbname=bus user=postgres password=snmc"); | |
| if (!$conn) { | |
| echo "An error occured.\n"; | |
| exit; | |
| } | |
| $result_stops = pg_query($conn, "Select * FROM stops"); | |
| while ($stop = pg_fetch_assoc($result_stops)) { | |
| echo 'marker = new OpenLayers.Marker(new OpenLayers.LonLat('.($stop['lng']/10000000).",".($stop['lat']/10000000).') | |
| .transform( | |
| new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984 | |
| new OpenLayers.Projection("EPSG:900913") // to Spherical Mercator Projection | |
| ));'; | |
| echo ' | |
| marker.id="'.$stop['geohash'].'"; | |
| markers.addMarker(marker); | |
| marker.events.register("mousedown", marker, function() { | |
| document.getElementById("between_points").innerHTML += this.id+";"; | |
| }); | |
| '; | |
| } | |
| ?> | |
| var timeicon = new OpenLayers.Icon("http://maps.google.com/mapfiles/kml/pushpin/grn-pushpin.png",new OpenLayers.Size(32,32)); | |
| var timepoints = new OpenLayers.Layer.GeoRSS("Timing Points", "displaytimepoints.georss.php", { icon: timeicon }); | |
| map.addLayers([osmtiles, markers,timepoints]); | |
| map.addControl(new OpenLayers.Control.LayerSwitcher()); | |
| map.zoomToExtent(markers.getDataExtent()); | |
| } | |
| function submit(){ | |
| $.ajax({ | |
| type: "POST", | |
| url: "betweenpoint.submit.php", | |
| data: "reverse=" + document.getElementById("reverse").value + | |
| "&from=" + document.getElementById("from").value + | |
| "&to=" + document.getElementById("to").value + | |
| "&routes=" + document.getElementById("routes").value + | |
| "&between_points=" + document.getElementById("between_points").value, | |
| success: function(html){ | |
| $("#response").html(html); | |
| clearForms(); | |
| } | |
| }); | |
| } | |
| <!-- | |
| function OnChange(dropdown) | |
| { | |
| var myindex = dropdown.selectedIndex | |
| var selValue = dropdown.options[myindex].value | |
| alert(selValue); | |
| return true; | |
| } | |
| //--> | |
| // function will clear input elements on each form | |
| function clearForms(){ | |
| document.getElementById("between_points").innerHTML = ""; | |
| // declare element type | |
| var type = null; | |
| // loop through forms on HTML page | |
| for (var x=0; x<document.forms.length; x++){ | |
| // loop through each element on form | |
| for (var y=0; y<document.forms[x].elements.length; y++){ | |
| // define element type | |
| type = document.forms[x].elements[y].type | |
| // alert before erasing form element | |
| //alert('form='+x+' element='+y+' type='+type); | |
| // switch on element type | |
| switch(type){ | |
| case "text": | |
| case "textarea": | |
| case "password": | |
| //case "hidden": | |
| document.forms[x].elements[y].value = ""; | |
| break; | |
| case "radio": | |
| case "checkbox": | |
| document.forms[x].elements[y].checked = ""; | |
| break; | |
| case "select-one": | |
| document.forms[x].elements[y].options[0].selected = true; | |
| break; | |
| case "select-multiple": | |
| for (z=0; z<document.forms[x].elements[y].options.length; z++){ | |
| document.forms[x].elements[y].options[z].selected = false; | |
| } | |
| break; | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body onload="init()"> | |
| <div id="inputpane"><form id="inputform"> | |
| <select name=selectPair onchange='OnChange(this.form.selectPair);'> | |
| <option>Select a from/to pair...</option> | |
| <?php | |
| include('spyc/spyc.php'); | |
| //$timetable = Spyc::YAMLLoad('../spyc.yaml'); | |
| $path = "maxious-canberra-transit-feed/output/"; | |
| $dhandle = opendir("maxious-canberra-transit-feed/output/"); | |
| // define an array to hold the files | |
| $files = array(); | |
| < |