2011-05-15 15:36:48 -04:00
< html >
< head >
< meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >
< title > OSRM Web(GUI)Interface< / title >
< meta name = "description" content = "OSRM Web(GUI)Interface" / >
< meta name = "language" content = "en" / >
< meta name = "robots" content = "index,follow" / >
< meta name = "author" content = "Pascal Neis" / >
< meta name = "revisit-After" content = "7 days" / >
< meta name = "distribution" content = "global" / >
< script src = "ol/OpenLayers.js" > < / script >
< script src = "ol/OpenStreetMap.js" > < / script >
2011-07-22 13:15:05 -04:00
< script src = "Slides.js" > < / script >
2011-05-15 15:36:48 -04:00
< script src = "Map.js" > < / script >
2011-07-22 12:15:42 -04:00
< script src = "Route.js" > < / script >
< script src = "ViaRoute.js" > < / script >
2011-05-15 15:36:48 -04:00
< script src = "Geocode.js" > < / script >
2011-07-22 13:15:05 -04:00
< script src = "MouseClick.js" > < / script >
<!-- <script src="osrm.js"></script> -->
2011-05-15 15:36:48 -04:00
< link rel = "stylesheet" href = "style.css" type = "text/css" media = "all" / >
< / head >
< body onload = "init();" >
< div id = "slide" class = "slide" > < a class = "btn-slide" href = "javascript:;" onmousedown = "toggleSlide('data');" > < < < / a > < / div >
< div id = "data" style = "width:350px;overflow:hidden;" class = "data" >
< div id = "inner" style = "width:350px;overflow:hidden;" >
< div id = "routing" >
<!-- http://map.project - osrm.org/osrm3_small.png - http://project - osrm.org/osrm3.png -->
< img src = "http://map.project-osrm.org/osrm3_small.png" style = "margin-left:auto; margin-right:auto; width:200px; display:block; padding: 5px;" alt = "" >
< table width = "100%" >
< tr id = "StartPoint" >
< td > < div class = "textLabel" > < img src = "img/arrow-start.png" class = "radioIcons" width = "12" height = "16" alt = "" > < span class = "text" > < / span > < / div > < / td >
2011-07-22 13:12:47 -04:00
< td > < input name = "tfStartSearch" style = "width:220px" type = "text" id = "tfStartSearch" class = "tfPoints" value = "Berlin" title = "Search your start point!" onKeyPress = "checkReturn('start',event);" >
2011-05-15 15:36:48 -04:00
< button name = "enterStart" onclick = "setStatus('start'); geocodeAddress('start');" > Search< / button > < / td >
< td rowspan = "2" valign = "middle" >
<!-- <button name="switchStartEnd" disabled="true" id="switchStartEnd" type="button"
value="Change Start and Endpoint"onClick="changeStartEnd();">< img src = "img/changePos.gif" width = "9" height = "22" alt = "Tausche Start- und Endpunkt" > < br > -->< / button > < / td >
< / tr >
< tr id = "EndPoint" >
< td nowrap >
< div class = "textLabel" > < img src = "img/arrow-finish.png" class = "radioIcons" width = "12" height = "16" alt = "" > < span class = "text" > < / span > < / div >
< / td >
< td id = "tdEnd" >
2011-07-22 13:12:47 -04:00
< input name = "tfEndSearch" style = "width:220px" type = "text" id = "tfEndSearch" class = "tfPoints" value = "München, Altstadt" title = "Search your end point!" onKeyPress = "checkReturn('end',event);" >
2011-05-15 15:36:48 -04:00
< button name = "enterEnd" onclick = "setStatus('end'); geocodeAddress('end');" > Search< / button >
< / td >
< / tr >
< / table >
< / div >
< div id = "calc_route" class = "calc_route" > < span class = "options" > < a href = "#" onclick = "closeOpenDiv('options');" > Options< / a > < / span >
2011-05-18 05:54:19 -04:00
< select name = "selectRoutePref" id = "selectRoutePref" title = "Select the route preference ..." > < option value = "Fastest" selected > Car (travel time)< / option > < / select >
2011-05-20 08:15:50 -04:00
< input name = "Submit5" type = "submit" class = "calculate_button" id = "Calculate" title = "Route!" onClick = "markersLayer.clearMarkers(); routing(false);" value = "Route!" > < / div >
2011-05-15 15:36:48 -04:00
< div id = "options" class = "options_div" style = "display:none" > < input class = "checkbox" type = "checkbox" name = "cbNoNames" id = "cbNoNames" value = "checkbox" > Highlight No Name Streets in my Route< / div >
< div id = "information" class = "information" > < p class = "infoHL" > Demo Website for the < br > < a target = "_blank" href = "http://project-osrm.org/" > Open Source Routing Machine Project< / a > < / p > < / div >
2011-07-22 13:12:47 -04:00
< div id = "thx" class = "thx" > GUI v0.3 110722 - OSRM hosting by < a target = "_blank" href = "http://www.geofabrik.de/" > Geofabrik< / a > - Geocoder by < a target = "_blank" href = "http://developer.mapquest.com/web/products/open/nominatim/" > MapQuest< / a > < / div >
2011-05-15 15:36:48 -04:00
< / div >
< / div >
< div id = "map" class = "map" > < / div >
< div class = "copyright" > © 2011 < a target = "_blank" href = "http://project-osrm.org/" > Project OSRM< / a > - Map data < a target = "_blank" href = "http://creativecommons.org/licenses/by-sa/2.0/" > CC-By-SA< / a > < a target = "_blank" href = "http://www.openstreetmap.org" > by OpenStreetMap< / a > < / div >
< / body >
2011-07-22 12:15:42 -04:00
< / html >
