vcs.maemo.org Git - routino/blob - web/www/routino/router.html.en

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <HTML>
   3
   4 <!--
   5  Routino router web page.
   6
   7  Part of the Routino routing software.
   8
   9  This file Copyright 2008-2010 Andrew M. Bishop
  10
  11  This program is free software: you can redistribute it and/or modify
  12  it under the terms of the GNU Affero General Public License as published by
  13  the Free Software Foundation, either version 3 of the License, or
  14  (at your option) any later version.
  15
  16  This program is distributed in the hope that it will be useful,
  17  but WITHOUT ANY WARRANTY; without even the implied warranty of
  18  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  19  GNU Affero General Public License for more details.
  20
  21  You should have received a copy of the GNU Affero General Public License
  22  along with this program.  If not, see http://www.gnu.org/licenses/.
  23 -->
  24
  25 <HEAD>
  26 <TITLE>Routino : Route Planner for OpenStreetMap Data</TITLE>
  27 <META name="keywords" content="openstreetmap routing route planner">
  28 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  29
  30 <!-- OpenLayers Javascript library -->
  31 <script src="../openlayers/OpenLayers.js" type="text/javascript"></script>
  32
  33 <!-- Page elements -->
  34 <script src="page-elements.js" type="text/javascript"></script>
  35 <link href="page-elements.css" type="text/css" rel="stylesheet">
  36
  37 <!-- Router and visualiser shared features -->
  38 <link href="maplayout.css" type="text/css" rel="stylesheet">
  39 <!--[if IE 6]>
  40   <link href="maplayout-ie6-bugfixes.css" type="text/css" rel="stylesheet">
  41 <![endif]-->
  42 <!--[if IE 7]>
  43   <link href="maplayout-ie7-bugfixes.css" type="text/css" rel="stylesheet">
  44 <![endif]-->
  45
  46 <!-- Router specific features -->
  47 <script src="router.js" type="text/javascript"></script>
  48 <link href="router.css" type="text/css" rel="stylesheet">
  49
  50 </HEAD>
  51 <BODY onload="map_init('lat','lon','zoom');form_init();block_return_key();">
  52
  53 <!-- Left hand side of window - data panel -->
  54
  55 <div class="left_panel">
  56
  57   <div class="tab_box">
  58     <span id="tab_options" onclick="tab_select('options');" class="tab_selected"   title="Set routing options">Options</span>
  59     <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Results</span>
  60     <span id="tab_data"    onclick="tab_select('data');"    class="tab_unselected" title="View database information">Data</span>
  61   </div>
  62
  63   <div class="tab_content" id="tab_options_div">
  64
  65     <form name="form" id="form" action="router.cgi" method="get">
  66       <div class="hideshow_box">
  67         <span class="hideshow_title">Routino OpenStreetMap Router</span>
  68         This web page allows routing within the data collected by OpenStreetMap.
  69         Select start and end points (click on the marker icons below), select routing preferences then find a route.
  70         <div align="center">
  71           <a target="other" href="http://www.routino.org/">Routino Website</a>
  72           |
  73           <a target="other" href="documentation/">Documentation</a>
  74         </div>
  75       </div>
  76
  77       <div class="hideshow_box">
  78         <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">Show</span>
  79         <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">Hide</span>
  80         <span class="hideshow_title">Language</span>
  81
  82         <!-- Note for translations: Only this HTML file needs to be translated, the Javascript has
  83              no language specific information in it.  Only the body text and title attributes should
  84              be changed, the values passed to the JavaScript and the element names must not be changed.
  85              The selection below changes the language option passed to the router and selects the
  86              output language not the web page language, the links are for that.  The router itself uses
  87              the translations.xml file for the translated versions of the output. -->
  88
  89         <div id="hideshow_language_div" style="display: none;">
  90           <table>
  91             <tr>
  92               <td><a href="router.html.en" title="English language web page">English</a> (en)
  93               <td><input name="language" type="radio" value="en" onchange="formSetLanguage('en')" checked><!-- language -->
  94           </table>
  95         </div>
  96       </div>
  97
  98       <div class="hideshow_box">
  99         <span id="hideshow_waypoint_show" onclick="hideshow_show('waypoint');" class="hideshow_hide">Show</span>
 100         <span id="hideshow_waypoint_hide" onclick="hideshow_hide('waypoint');" class="hideshow_show">Hide</span>
 101         <span class="hideshow_title">Waypoints</span>
 102         <div id="hideshow_waypoint_div">
 103           <table>
 104             <tr id="point1">
 105               <td>
 106                 <img name="waypoint1" src="icons/marker-1-grey.png" title="Waypoint 1 Position - (click to add/remove on map)" alt="Waypoint 1" onmousedown="markerToggleMap(1)">&nbsp;
 107               <td>
 108                 <input name="lon1" type="text" size=7 title="Waypoint 1 Longitude" onchange="formSetCoords(1);"><!-- lon1 --> E&nbsp;
 109               <td>
 110                 <input name="lat1" type="text" size=7 title="Waypoint 1 Latitude"  onchange="formSetCoords(1);"><!-- lat1 --> N&nbsp;
 111               <td>
 112                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(1);"  >
 113                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(1);"  >
 114                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(1);"><br>
 115                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(1);"    >
 116                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(1);">
 117                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(1);"  >
 118             <tr id="point2">
 119               <td>
 120                 <img name="waypoint2" src="icons/marker-2-grey.png" title="Waypoint 2 Position - (click to add/remove on map)" alt="Waypoint 2" onmousedown="markerToggleMap(2)">&nbsp;
 121               <td>
 122                 <input name="lon2" type="text" size=7 title="Waypoint 2 Longitude" onchange="formSetCoords(2);"><!-- lon2 --> E&nbsp;
 123               <td>
 124                 <input name="lat2" type="text" size=7 title="Waypoint 2 Latitude"  onchange="formSetCoords(2);"><!-- lat2 --> N&nbsp;
 125               <td>
 126                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(2);">
 127                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(2);"  >
 128                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(2);"><br>
 129                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(2);"    >
 130                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(2);">
 131                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(2);"  >
 132             <tr id="point3">
 133               <td>
 134                 <img name="waypoint3" src="icons/marker-3-grey.png" title="Waypoint 3 Position - (click to add/remove on map)" alt="Waypoint 3" onmousedown="markerToggleMap(3)">&nbsp;
 135               <td>
 136                 <input name="lon3" type="text" size=7 title="Waypoint 3 Longitude" onchange="formSetCoords(3);"><!-- lon3 --> E&nbsp;
 137               <td>
 138                 <input name="lat3" type="text" size=7 title="Waypoint 3 Latitude"  onchange="formSetCoords(3);"><!-- lat3 --> N&nbsp;
 139               <td>
 140                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(3);">
 141                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(3);"  >
 142                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(3);"><br>
 143                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(3);"    >
 144                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(3);">
 145                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(3);"  >
 146             <tr id="point4">
 147               <td>
 148                 <img name="waypoint4" src="icons/marker-4-grey.png" title="Waypoint 4 Position - (click to add/remove on map)" alt="Waypoint 4" onmousedown="markerToggleMap(4)">&nbsp;
 149               <td>
 150                 <input name="lon4" type="text" size=7 title="Waypoint 4 Longitude" onchange="formSetCoords(4);"><!-- lon4 --> E&nbsp;
 151               <td>
 152                 <input name="lat4" type="text" size=7 title="Waypoint 4 Latitude"  onchange="formSetCoords(4);"><!-- lat4 --> N&nbsp;
 153               <td>
 154                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(4);">
 155                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(4);"  >
 156                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(4);"><br>
 157                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(4);"    >
 158                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(4);">
 159                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(4);"  >
 160             <tr id="point5">
 161               <td>
 162                 <img name="waypoint5" src="icons/marker-5-grey.png" title="Waypoint 5 Position - (click to add/remove on map)" alt="Waypoint 5" onmousedown="markerToggleMap(5)">&nbsp;
 163               <td>
 164                 <input name="lon5" type="text" size=7 title="Waypoint 5 Longitude" onchange="formSetCoords(5);"><!-- lon5 --> E&nbsp;
 165               <td>
 166                 <input name="lat5" type="text" size=7 title="Waypoint 5 Latitude"  onchange="formSetCoords(5);"><!-- lat5 --> N&nbsp;
 167               <td>
 168                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(5);">
 169                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(5);"  >
 170                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(5);"><br>
 171                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(5);"    >
 172                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(5);">
 173                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(5);"  >
 174             <tr id="point6">
 175               <td>
 176                 <img name="waypoint6" src="icons/marker-6-grey.png" title="Waypoint 6 Position - (click to add/remove on map)" alt="Waypoint 6" onmousedown="markerToggleMap(6)">&nbsp;
 177               <td>
 178                 <input name="lon6" type="text" size=7 title="Waypoint 6 Longitude" onchange="formSetCoords(6);"><!-- lon6 --> E&nbsp;
 179               <td>
 180                 <input name="lat6" type="text" size=7 title="Waypoint 6 Latitude"  onchange="formSetCoords(6);"><!-- lat6 --> N&nbsp;
 181               <td>
 182                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(6);">
 183                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(6);"  >
 184                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(6);"><br>
 185                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(6);"    >
 186                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(6);">
 187                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(6);"  >
 188             <tr id="point7">
 189               <td>
 190                 <img name="waypoint7" src="icons/marker-7-grey.png" title="Waypoint 7 Position - (click to add/remove on map)" alt="Waypoint 7" onmousedown="markerToggleMap(7)">&nbsp;
 191               <td>
 192                 <input name="lon7" type="text" size=7 title="Waypoint 7 Longitude" onchange="formSetCoords(7);"><!-- lon7 --> E&nbsp;
 193               <td>
 194                 <input name="lat7" type="text" size=7 title="Waypoint 7 Latitude"  onchange="formSetCoords(7);"><!-- lat7 --> N&nbsp;
 195               <td>
 196                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(7);">
 197                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(7);"  >
 198                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(7);"><br>
 199                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(7);"    >
 200                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(7);">
 201                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(7);"  >
 202             <tr id="point8">
 203               <td>
 204                 <img name="waypoint8" src="icons/marker-8-grey.png" title="Waypoint 8 Position - (click to add/remove on map)" alt="Waypoint 8" onmousedown="markerToggleMap(8)">&nbsp;
 205               <td>
 206                 <input name="lon8" type="text" size=7 title="Waypoint 8 Longitude" onchange="formSetCoords(8);"><!-- lon8 --> E&nbsp;
 207               <td>
 208                 <input name="lat8" type="text" size=7 title="Waypoint 8 Latitude"  onchange="formSetCoords(8);"><!-- lat8 --> N&nbsp;
 209               <td>
 210                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(8);">
 211                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(8);"  >
 212                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(8);"><br>
 213                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(8);"    >
 214                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(8);">
 215                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(8);"  >
 216             <tr id="point9">
 217               <td>
 218                 <img name="waypoint9" src="icons/marker-9-grey.png" title="Waypoint 9 Position - (click to add/remove on map)" alt="Waypoint 9" onmousedown="markerToggleMap(9)">&nbsp;
 219               <td>
 220                 <input name="lon9" type="text" size=7 title="Waypoint 9 Longitude" onchange="formSetCoords(9);"><!-- lon9 --> E&nbsp;
 221               <td>
 222                 <input name="lat9" type="text" size=7 title="Waypoint 9 Latitude"  onchange="formSetCoords(9);"><!-- lat9 --> N&nbsp;
 223               <td>
 224                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(9);">
 225                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(9);"  >
 226                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(9);"><br>
 227                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(9);"    >
 228                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(9);">
 229                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(9);"  >
 230             <!-- Up to 99 markers can be included here in the HTML  -->
 231             <tr>
 232               <td colspan="4" align="center"><input type="button" title="Reverse order of waypoints" value="Reverse waypoint order" onmousedown="markersReverse();">
 233           </table>
 234         </div>
 235       </div>
 236
 237       <div class="hideshow_box">
 238         <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">Show</span>
 239         <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">Hide</span>
 240         <span class="hideshow_title">Transport Type</span>
 241         <div id="hideshow_transport_div">
 242           <table>
 243             <tr><td>Foot      <td><input name="transport" type="radio" value="foot"       onchange="formSetTransport('foot'      )"><!-- transport -->
 244             <tr><td>Horse     <td><input name="transport" type="radio" value="horse"      onchange="formSetTransport('horse'     )"><!-- transport -->
 245             <tr><td>Wheelchair<td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair')"><!-- transport -->
 246             <tr><td>Bicycle   <td><input name="transport" type="radio" value="bicycle"    onchange="formSetTransport('bicycle'   )"><!-- transport -->
 247             <tr><td>Moped     <td><input name="transport" type="radio" value="moped"      onchange="formSetTransport('moped'     )"><!-- transport -->
 248             <tr><td>Motorbike <td><input name="transport" type="radio" value="motorbike"  onchange="formSetTransport('motorbike' )"><!-- transport -->
 249             <tr><td>Motorcar  <td><input name="transport" type="radio" value="motorcar"   onchange="formSetTransport('motorcar'  )"><!-- transport -->
 250             <tr><td>Goods     <td><input name="transport" type="radio" value="goods"      onchange="formSetTransport('goods'     )"><!-- transport -->
 251             <tr><td>HGV       <td><input name="transport" type="radio" value="hgv"        onchange="formSetTransport('hgv'       )"><!-- transport -->
 252             <tr><td>PSV       <td><input name="transport" type="radio" value="psv"        onchange="formSetTransport('psv'       )"><!-- transport -->
 253           </table>
 254         </div>
 255       </div>
 256
 257       <div class="hideshow_box">
 258         <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">Show</span>
 259         <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">Hide</span>
 260         <span class="hideshow_title">Highway Preferences</span>
 261         <div id="hideshow_highway_div" style="display: none;">
 262           <table>
 263             <tr><td>Motorway:    <td><input name="highway-motorway"     type="text" size=3 onchange="formSetHighway('motorway'    )"><!-- highway-motorway     --><td>%
 264             <tr><td>Trunk:       <td><input name="highway-trunk"        type="text" size=3 onchange="formSetHighway('trunk'       )"><!-- highway-trunk        --><td>%
 265             <tr><td>Primary:     <td><input name="highway-primary"      type="text" size=3 onchange="formSetHighway('primary'     )"><!-- highway-primary      --><td>%
 266             <tr><td>Secondary:   <td><input name="highway-secondary"    type="text" size=3 onchange="formSetHighway('secondary'   )"><!-- highway-secondary    --><td>%
 267             <tr><td>Tertiary:    <td><input name="highway-tertiary"     type="text" size=3 onchange="formSetHighway('tertiary'    )"><!-- highway-tertiary     --><td>%
 268             <tr><td>Unclassified:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified')"><!-- highway-unclassified --><td>%
 269             <tr><td>Residential: <td><input name="highway-residential"  type="text" size=3 onchange="formSetHighway('residential' )"><!-- highway-residential  --><td>%
 270             <tr><td>Service:     <td><input name="highway-service"      type="text" size=3 onchange="formSetHighway('service'     )"><!-- highway-service      --><td>%
 271             <tr><td>Track:       <td><input name="highway-track"        type="text" size=3 onchange="formSetHighway('track'       )"><!-- highway-track        --><td>%
 272             <tr><td>Cycleway:    <td><input name="highway-cycleway"     type="text" size=3 onchange="formSetHighway('cycleway'    )"><!-- highway-cycleway     --><td>%
 273             <tr><td>Path:        <td><input name="highway-path"         type="text" size=3 onchange="formSetHighway('path'        )"><!-- highway-path         --><td>%
 274             <tr><td>Steps:       <td><input name="highway-steps"        type="text" size=3 onchange="formSetHighway('steps'       )"><!-- highway-steps        --><td>%
 275           </table>
 276         </div>
 277       </div>
 278
 279       <div class="hideshow_box">
 280         <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">Show</span>
 281         <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">Hide</span>
 282         <span class="hideshow_title">Speed Limits</span>
 283         <div id="hideshow_speed_div" style="display: none;">
 284           <table>
 285             <tr><td>Motorway:    <td><input name="speed-motorway"     type="text" size=3 onchange="formSetSpeed('motorway'    )"><!-- speed-motorway     --><td>km/hr
 286             <tr><td>Trunk:       <td><input name="speed-trunk"        type="text" size=3 onchange="formSetSpeed('trunk'       )"><!-- speed-trunk        --><td>km/hr
 287             <tr><td>Primary:     <td><input name="speed-primary"      type="text" size=3 onchange="formSetSpeed('primary'     )"><!-- speed-primary      --><td>km/hr
 288             <tr><td>Secondary:   <td><input name="speed-secondary"    type="text" size=3 onchange="formSetSpeed('secondary'   )"><!-- speed-secondary    --><td>km/hr
 289             <tr><td>Tertiary:    <td><input name="speed-tertiary"     type="text" size=3 onchange="formSetSpeed('tertiary'    )"><!-- speed-tertiary     --><td>km/hr
 290             <tr><td>Unclassified:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified')"><!-- speed-unclassified --><td>km/hr
 291             <tr><td>Residential: <td><input name="speed-residential"  type="text" size=3 onchange="formSetSpeed('residential' )"><!-- speed-residential  --><td>km/hr
 292             <tr><td>Service:     <td><input name="speed-service"      type="text" size=3 onchange="formSetSpeed('service'     )"><!-- speed-service      --><td>km/hr
 293             <tr><td>Track:       <td><input name="speed-track"        type="text" size=3 onchange="formSetSpeed('track'       )"><!-- speed-track        --><td>km/hr
 294             <tr><td>Cycleway:    <td><input name="speed-cycleway"     type="text" size=3 onchange="formSetSpeed('cycleway'    )"><!-- speed-cycleway     --><td>km/hr
 295             <tr><td>Path:        <td><input name="speed-path"         type="text" size=3 onchange="formSetSpeed('path'        )"><!-- speed-path         --><td>km/hr
 296             <tr><td>Steps:       <td><input name="speed-steps"        type="text" size=3 onchange="formSetSpeed('steps'       )"><!-- speed-steps        --><td>km/hr
 297           </table>
 298         </div>
 299       </div>
 300
 301       <div class="hideshow_box">
 302         <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">Show</span>
 303         <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">Hide</span>
 304         <span class="hideshow_title">Property Preferences</span>
 305         <div id="hideshow_property_div" style="display: none;">
 306           <table>
 307             <tr><td>Paved:          <td><input name="property-paved"     type="text" size=3 onchange="formSetProperty('paved'    )"><!-- property-paved     --><td>%
 308             <tr><td>Multiple Lanes: <td><input name="property-multilane" type="text" size=3 onchange="formSetProperty('multilane')"><!-- property-multilane --><td>%
 309             <tr><td>Bridge:         <td><input name="property-bridge"    type="text" size=3 onchange="formSetProperty('bridge'   )"><!-- property-bridge    --><td>%
 310             <tr><td>Tunnel:         <td><input name="property-tunnel"    type="text" size=3 onchange="formSetProperty('tunnel'   )"><!-- property-tunnel    --><td>%
 311           </table>
 312         </div>
 313       </div>
 314
 315       <div class="hideshow_box">
 316         <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">Show</span>
 317         <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">Hide</span>
 318         <span class="hideshow_title">Other Restrictions</span>
 319         <div id="hideshow_restriction_div" style="display: none;">
 320           <table>
 321             <tr><td>Obey oneway:<td><input name="restrict-oneway" type="checkbox"    onchange="formSetRestriction('oneway')"><!-- oneway --><td>
 322             <tr><td>Weight:     <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight')"><!-- weight --><td>tonnes
 323             <tr><td>Height:     <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height')"><!-- height --><td>metres
 324             <tr><td>Width:      <td><input name="restrict-width"  type="text" size=3 onchange="formSetRestriction('width' )"><!-- width  --><td>metres
 325             <tr><td>Length:     <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length')"><!-- length --><td>metres
 326           </table>
 327         </div>
 328       </div>
 329
 330       <div class="hideshow_box">
 331         <span class="hideshow_title">Find</span>
 332         <input type="button" title="Find shortest route" id="shortest" value="Shortest" onclick="findRoute('shortest');">
 333         <input type="button" title="Find quickest route" id="quickest" value="Quickest" onclick="findRoute('quickest');">
 334       </div>
 335
 336       <div class="hideshow_box">
 337         <span class="hideshow_title">Links</span>
 338         <a id="link_url"                href="router.html">Permanent link to these parameters</a>
 339         <br>
 340         <a id="edit_url" target="other" href="http://www.openstreetmap.org/">Edit OSM data in Potlatch</a>
 341       </div>
 342
 343       <div class="hideshow_box">
 344         <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">Show</span>
 345         <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">Hide</span>
 346         <span class="hideshow_title">Help</span>
 347         <div id="hideshow_help_options_div">
 348           <div class="scrollable">
 349             <p>
 350             <b>Quick Start</b>
 351             <br>
 352             Click on marker icons (above) to place them on the map (right).  Then
 353             drag them to the correct position.  Zooming the map before placing the
 354             markers is probably easiest.  Alternatively type the latitude and
 355             longitude into the boxes above.
 356             <p>
 357             Select the transport type, allowed highway types, speed limits, highway
 358             properties and other restrictions from the options above.
 359             Select "Shortest" or "Quickest" to calculate the route and display it
 360             on the map.
 361             <p>
 362             <b>Waypoints</b>
 363             <br>
 364             Clicking on the marker icons will toggle the display of them on the map.
 365             When a route is calculated it will visit (as close as possible
 366             for the selected transport type) each of the waypoints that have
 367             markers on the map in the order given.
 368             <p>
 369             <b>Transport Type</b>
 370             <br>
 371             Selecting a transport type will restrict the chosen route to
 372             those on which it is allowed and set default values for the
 373             other parameters.
 374             <p>
 375             <b>Highway Preferences</b>
 376             <br>
 377             The highway preference is selected as a percentage and routes are chosen that
 378             try to follow the preferred highways.
 379             For example if a "Primary" road is given a "110%" preference and a "Secondary"
 380             road is given a "100%" preference then it means that a route on a Primary road
 381             can be up to 10% longer than on a secondary road and still be selected.
 382             <p>
 383             <b>Speed Limits</b>
 384             <br>
 385             The speed limits chosen here for the different types of highway apply if the
 386             highway has no other speed limit marked or it is higher than the chosen one.
 387             <p>
 388             <b>Property Preferences</b>
 389             <br>
 390             The property preference is selected as a percentage and routes are chosen that
 391             try to follow highways with the preferred property.
 392             For example if a "Paved" highway is given a "75%" preference then it means that
 393             an unpaved highway is automatically given a "25%" preference so that a route on
 394             a paved highway can be 3 times the length of an unpaved one and still be
 395             selected.
 396             <p>
 397             <b>Other Restrictions</b>
 398             <br>
 399             These allow a route to be found that avoids marked limits on
 400             weight, height, width or length.  It is also possible to ignore
 401             one-way restrictions (e.g. if walking).
 402           </div>
 403         </div>
 404       </div>
 405     </form>
 406   </div>
 407
 408
 409   <div class="tab_content" id="tab_results_div" style="display: none;">
 410
 411     <div class="hideshow_box">
 412       <span class="hideshow_title">Status</span>
 413       <div id="result_status">
 414         <span id="result_status_not_run"                        ><b><i>Router not run</i></b></span>
 415         <span id="result_status_running"  style="display: none;"><b>Router running...</b></span>
 416         <span id="result_status_complete" style="display: none;"><b>Routing completed</b></span>
 417         <span id="result_status_error"    style="display: none;"><b>Router error</b></span>
 418         <span id="result_status_failed"   style="display: none;"><b>Router failed to run</b></span>
 419       </div>
 420     </div>
 421
 422     <div class="hideshow_box">
 423       <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">Show</span>
 424       <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">Hide</span>
 425       <span class="hideshow_title">Shortest Route</span>
 426       <div id="shortest_status">
 427         <span id="shortest_status_no_info"                       ><b><i>No Information</i></b></span>
 428         <span id="shortest_status_info"    style="display: none;"></span>
 429       </div>
 430       <div id="hideshow_shortest_div" style="display: none;">
 431         <div id="shortest_links" style="display: none;">
 432           <table>
 433             <tr><td>HTML directions:<td><a id="shortest_html"      target="shortest_html"      href="#">Open Popup</a>
 434             <tr><td>GPX track file: <td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
 435             <tr><td>GPX route file: <td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
 436             <tr><td>Full text file: <td><a id="shortest_text_all"  target="shortest_text_all"  href="#">Open Popup</a>
 437             <tr><td>Text file:      <td><a id="shortest_text"      target="shortest_text"      href="#">Open Popup</a>
 438           </table>
 439           <hr>
 440         </div>
 441         <div id="shortest_route">
 442         </div>
 443       </div>
 444     </div>
 445
 446     <div class="hideshow_box">
 447       <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">Show</span>
 448       <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">Hide</span>
 449       <span class="hideshow_title">Quickest Route</span>
 450       <div id="quickest_status">
 451         <span id="quickest_status_no_info"                       ><b><i>No Information</i></b></span>
 452         <span id="quickest_status_info"    style="display: none;"></span>
 453       </div>
 454       <div id="hideshow_quickest_div" style="display: none;">
 455         <div id="quickest_links" style="display: none;">
 456           <table>
 457             <tr><td>HTML directions:<td><a id="quickest_html"      target="quickest_html"      href="#">Open Popup</a>
 458             <tr><td>GPX track file: <td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
 459             <tr><td>GPX route file: <td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
 460             <tr><td>Full text file: <td><a id="quickest_text_all"  target="quickest_text_all"  href="#">Open Popup</a>
 461             <tr><td>Text file:      <td><a id="quickest_text"      target="quickest_text"      href="#">Open Popup</a>
 462           </table>
 463           <hr>
 464         </div>
 465         <div id="quickest_route">
 466         </div>
 467       </div>
 468     </div>
 469
 470     <div class="hideshow_box">
 471       <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">Show</span>
 472       <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">Hide</span>
 473       <span class="hideshow_title">Help</span>
 474       <div id="hideshow_help_route_div">
 475         <div class="scrollable">
 476           <p>
 477           <b>Quick Start</b>
 478           <br>
 479           After calculating a route you can download the GPX file or plain
 480           text route description (summary or detailed version). Also you
 481           can view the route description and zoom in to selected parts.
 482           <p style="margin-bottom: 0px">
 483           <b>Problem Solving</b>
 484           <br>
 485           If the router completes with an error then the most likely cause is
 486           that it is not possible to find a route between the selected points.
 487           Moving one or more markers or changing the routing options should
 488           allow a route to be found.
 489           <p style="margin-bottom: 0px">
 490           <b>Output Formats</b>
 491           <br>
 492           <dl style="margin-top: 0px">
 493             <dt>HTML instructions
 494             <dd>A description of the route to take with directions at each
 495               important junction.
 496             <dt>GPX track file
 497             <dd>The same information that is displayed on the map with points
 498               for every node and lines for every segment.
 499             <dt>GPX route file
 500             <dd>The same information that is displayed in text for the route
 501               with a waypoint for each important junction in the route.
 502             <dt>Full text file
 503             <dd>A list of all of the nodes visited as well as the distance
 504               between them and the cumulative distance for each step of the
 505               route.
 506             <dt>Text file
 507             <dd>The same information that is displayed in text for the route.
 508           </dl>
 509         </div>
 510       </div>
 511     </div>
 512   </div>
 513
 514
 515   <div class="tab_content" id="tab_data_div" style="display: none;">
 516     <div class="hideshow_box">
 517       <span class="hideshow_title">Statistics</span>
 518       <div id="statistics_data"></div>
 519       <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
 520     </div>
 521
 522     <div class="hideshow_box">
 523       <span class="hideshow_title">Visualiser</span>
 524       To see Routino's view of the data there is a data visualiser that allows
 525       displaying of the underlying data in various ways.
 526       <br>
 527       <a id="visualiser_url" target="other" href="visualiser.html">Custom link to this map view</a>
 528     </div>
 529   </div>
 530
 531 </div>
 532
 533 <!-- Right hand side of window - map -->
 534
 535 <div class="right_panel">
 536   <div class="map" id="map">
 537     <noscript>
 538       Javascript is <em>required</em> to use this web page because of the
 539       interactive map.
 540     </noscript>
 541   </div>
 542   <div class="attribution">
 543     <a target="other" href="http://www.routino.org/" title="Routino">Router: Routino</a>
 544     |
 545     <a target="other" href="http://www.openstreetmap.org/" title="Copyright: OpenStreetMap.org; License: Creative Commons Attribution-Share Alike 2.0">Geo Data: OpenStreetMap</a>
 546   </div>
 547 </div>
 548
 549 </BODY>
 550 </HTML>