projects / routino / blob
? search:
summary | shortlog | log | commit | commitdiff | tree
history | raw | HEAD
Imported Upstream version 1.5.1
[routino] / 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>
93               <td>(EN)
94               <td><input name="language" type="radio" value="en" onchange="formSetLanguage('en')" checked><!-- language -->
95             <tr>
96               <td>German
97               <td>(DE)
98               <td><input name="language" type="radio" value="de" onchange="formSetLanguage('de')"><!-- language -->
99             <tr>
100               <td><a href="router.html.nl" title="Dutch language web page">Dutch</a>
101               <td>(NL)
102               <td><input name="language" type="radio" value="nl" onchange="formSetLanguage('nl')"><!-- language -->
103           </table>
104         </div>
105       </div>
106
107       <div class="hideshow_box">
108         <span id="hideshow_waypoint_show" onclick="hideshow_show('waypoint');" class="hideshow_hide">Show</span>
109         <span id="hideshow_waypoint_hide" onclick="hideshow_hide('waypoint');" class="hideshow_show">Hide</span>
110         <span class="hideshow_title">Waypoints</span>
111         <div id="hideshow_waypoint_div">
112           <table>
113             <tr id="point1">
114               <td>
115                 <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;
116               <td>
117                 <input name="lon1" type="text" size=7 title="Waypoint 1 Longitude" onchange="formSetCoords(1);"><!-- lon1 --> E&nbsp;
118               <td>
119                 <input name="lat1" type="text" size=7 title="Waypoint 1 Latitude"  onchange="formSetCoords(1);"><!-- lat1 --> N&nbsp;
120               <td>
121                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(1);"  >
122                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(1);"  >
123                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(1);"><br>
124                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(1);"    >
125                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(1);">
126                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(1);"  >
127             <tr id="point2">
128               <td>
129                 <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;
130               <td>
131                 <input name="lon2" type="text" size=7 title="Waypoint 2 Longitude" onchange="formSetCoords(2);"><!-- lon2 --> E&nbsp;
132               <td>
133                 <input name="lat2" type="text" size=7 title="Waypoint 2 Latitude"  onchange="formSetCoords(2);"><!-- lat2 --> N&nbsp;
134               <td>
135                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(2);">
136                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(2);"  >
137                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(2);"><br>
138                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(2);"    >
139                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(2);">
140                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(2);"  >
141             <tr id="point3">
142               <td>
143                 <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;
144               <td>
145                 <input name="lon3" type="text" size=7 title="Waypoint 3 Longitude" onchange="formSetCoords(3);"><!-- lon3 --> E&nbsp;
146               <td>
147                 <input name="lat3" type="text" size=7 title="Waypoint 3 Latitude"  onchange="formSetCoords(3);"><!-- lat3 --> N&nbsp;
148               <td>
149                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(3);">
150                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(3);"  >
151                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(3);"><br>
152                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(3);"    >
153                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(3);">
154                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(3);"  >
155             <tr id="point4">
156               <td>
157                 <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;
158               <td>
159                 <input name="lon4" type="text" size=7 title="Waypoint 4 Longitude" onchange="formSetCoords(4);"><!-- lon4 --> E&nbsp;
160               <td>
161                 <input name="lat4" type="text" size=7 title="Waypoint 4 Latitude"  onchange="formSetCoords(4);"><!-- lat4 --> N&nbsp;
162               <td>
163                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(4);">
164                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(4);"  >
165                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(4);"><br>
166                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(4);"    >
167                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(4);">
168                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(4);"  >
169             <tr id="point5">
170               <td>
171                 <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;
172               <td>
173                 <input name="lon5" type="text" size=7 title="Waypoint 5 Longitude" onchange="formSetCoords(5);"><!-- lon5 --> E&nbsp;
174               <td>
175                 <input name="lat5" type="text" size=7 title="Waypoint 5 Latitude"  onchange="formSetCoords(5);"><!-- lat5 --> N&nbsp;
176               <td>
177                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(5);">
178                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(5);"  >
179                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(5);"><br>
180                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(5);"    >
181                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(5);">
182                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(5);"  >
183             <tr id="point6">
184               <td>
185                 <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;
186               <td>
187                 <input name="lon6" type="text" size=7 title="Waypoint 6 Longitude" onchange="formSetCoords(6);"><!-- lon6 --> E&nbsp;
188               <td>
189                 <input name="lat6" type="text" size=7 title="Waypoint 6 Latitude"  onchange="formSetCoords(6);"><!-- lat6 --> N&nbsp;
190               <td>
191                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(6);">
192                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(6);"  >
193                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(6);"><br>
194                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(6);"    >
195                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(6);">
196                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(6);"  >
197             <tr id="point7">
198               <td>
199                 <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;
200               <td>
201                 <input name="lon7" type="text" size=7 title="Waypoint 7 Longitude" onchange="formSetCoords(7);"><!-- lon7 --> E&nbsp;
202               <td>
203                 <input name="lat7" type="text" size=7 title="Waypoint 7 Latitude"  onchange="formSetCoords(7);"><!-- lat7 --> N&nbsp;
204               <td>
205                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(7);">
206                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(7);"  >
207                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(7);"><br>
208                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(7);"    >
209                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(7);">
210                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(7);"  >
211             <tr id="point8">
212               <td>
213                 <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;
214               <td>
215                 <input name="lon8" type="text" size=7 title="Waypoint 8 Longitude" onchange="formSetCoords(8);"><!-- lon8 --> E&nbsp;
216               <td>
217                 <input name="lat8" type="text" size=7 title="Waypoint 8 Latitude"  onchange="formSetCoords(8);"><!-- lat8 --> N&nbsp;
218               <td>
219                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(8);">
220                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(8);"  >
221                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(8);"><br>
222                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(8);"    >
223                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(8);">
224                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(8);"  >
225             <tr id="point9">
226               <td>
227                 <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;
228               <td>
229                 <input name="lon9" type="text" size=7 title="Waypoint 9 Longitude" onchange="formSetCoords(9);"><!-- lon9 --> E&nbsp;
230               <td>
231                 <input name="lat9" type="text" size=7 title="Waypoint 9 Latitude"  onchange="formSetCoords(9);"><!-- lat9 --> N&nbsp;
232               <td>
233                 <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(9);">
234                 <img alt="^" src="icons/waypoint-up.png"     title="Move this waypoint up"       onmousedown="markerMoveUp(9);"  >
235                 <img alt="+" src="icons/waypoint-add.png"    title="Add waypoint after this one" onmousedown="markerAddAfter(9);"><br>
236                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle as home location"     onmousedown="markerHome(9);"    >
237                 <img alt="v" src="icons/waypoint-down.png"   title="Move this waypoint down"     onmousedown="markerMoveDown(9);">
238                 <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint"        onmousedown="markerRemove(9);"  >
239             <!-- Up to 99 markers can be included here in the HTML  -->
240             <tr>
241               <td colspan="4" align="center"><input type="button" title="Reverse order of waypoints" value="Reverse waypoint order" onmousedown="markersReverse();">
242           </table>
243         </div>
244       </div>
245
246       <div class="hideshow_box">
247         <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">Show</span>
248         <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">Hide</span>
249         <span class="hideshow_title">Transport Type</span>
250         <div id="hideshow_transport_div">
251           <table>
252             <tr><td>Foot      <td><input name="transport" type="radio" value="foot"       onchange="formSetTransport('foot'      )"><!-- transport -->
253             <tr><td>Horse     <td><input name="transport" type="radio" value="horse"      onchange="formSetTransport('horse'     )"><!-- transport -->
254             <tr><td>Wheelchair<td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair')"><!-- transport -->
255             <tr><td>Bicycle   <td><input name="transport" type="radio" value="bicycle"    onchange="formSetTransport('bicycle'   )"><!-- transport -->
256             <tr><td>Moped     <td><input name="transport" type="radio" value="moped"      onchange="formSetTransport('moped'     )"><!-- transport -->
257             <tr><td>Motorbike <td><input name="transport" type="radio" value="motorbike"  onchange="formSetTransport('motorbike' )"><!-- transport -->
258             <tr><td>Motorcar  <td><input name="transport" type="radio" value="motorcar"   onchange="formSetTransport('motorcar'  )"><!-- transport -->
259             <tr><td>Goods     <td><input name="transport" type="radio" value="goods"      onchange="formSetTransport('goods'     )"><!-- transport -->
260             <tr><td>HGV       <td><input name="transport" type="radio" value="hgv"        onchange="formSetTransport('hgv'       )"><!-- transport -->
261             <tr><td>PSV       <td><input name="transport" type="radio" value="psv"        onchange="formSetTransport('psv'       )"><!-- transport -->
262           </table>
263         </div>
264       </div>
265
266       <div class="hideshow_box">
267         <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">Show</span>
268         <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">Hide</span>
269         <span class="hideshow_title">Highway Preferences</span>
270         <div id="hideshow_highway_div" style="display: none;">
271           <table>
272             <tr><td>Motorway:    <td><input name="highway-motorway"     type="text" size=3 onchange="formSetHighway('motorway'    )"><!-- highway-motorway     --><td>%
273             <tr><td>Trunk:       <td><input name="highway-trunk"        type="text" size=3 onchange="formSetHighway('trunk'       )"><!-- highway-trunk        --><td>%
274             <tr><td>Primary:     <td><input name="highway-primary"      type="text" size=3 onchange="formSetHighway('primary'     )"><!-- highway-primary      --><td>%
275             <tr><td>Secondary:   <td><input name="highway-secondary"    type="text" size=3 onchange="formSetHighway('secondary'   )"><!-- highway-secondary    --><td>%
276             <tr><td>Tertiary:    <td><input name="highway-tertiary"     type="text" size=3 onchange="formSetHighway('tertiary'    )"><!-- highway-tertiary     --><td>%
277             <tr><td>Unclassified:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified')"><!-- highway-unclassified --><td>%
278             <tr><td>Residential: <td><input name="highway-residential"  type="text" size=3 onchange="formSetHighway('residential' )"><!-- highway-residential  --><td>%
279             <tr><td>Service:     <td><input name="highway-service"      type="text" size=3 onchange="formSetHighway('service'     )"><!-- highway-service      --><td>%
280             <tr><td>Track:       <td><input name="highway-track"        type="text" size=3 onchange="formSetHighway('track'       )"><!-- highway-track        --><td>%
281             <tr><td>Cycleway:    <td><input name="highway-cycleway"     type="text" size=3 onchange="formSetHighway('cycleway'    )"><!-- highway-cycleway     --><td>%
282             <tr><td>Path:        <td><input name="highway-path"         type="text" size=3 onchange="formSetHighway('path'        )"><!-- highway-path         --><td>%
283             <tr><td>Steps:       <td><input name="highway-steps"        type="text" size=3 onchange="formSetHighway('steps'       )"><!-- highway-steps        --><td>%
284             <tr><td>Ferry:       <td><input name="highway-ferry"        type="text" size=3 onchange="formSetHighway('ferry'       )"><!-- highway-ferry        --><td>%
285           </table>
286         </div>
287       </div>
288
289       <div class="hideshow_box">
290         <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">Show</span>
291         <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">Hide</span>
292         <span class="hideshow_title">Speed Limits</span>
293         <div id="hideshow_speed_div" style="display: none;">
294           <table>
295             <tr><td>Motorway:    <td><input name="speed-motorway"     type="text" size=3 onchange="formSetSpeed('motorway'    )"><!-- speed-motorway     --><td>km/hr
296             <tr><td>Trunk:       <td><input name="speed-trunk"        type="text" size=3 onchange="formSetSpeed('trunk'       )"><!-- speed-trunk        --><td>km/hr
297             <tr><td>Primary:     <td><input name="speed-primary"      type="text" size=3 onchange="formSetSpeed('primary'     )"><!-- speed-primary      --><td>km/hr
298             <tr><td>Secondary:   <td><input name="speed-secondary"    type="text" size=3 onchange="formSetSpeed('secondary'   )"><!-- speed-secondary    --><td>km/hr
299             <tr><td>Tertiary:    <td><input name="speed-tertiary"     type="text" size=3 onchange="formSetSpeed('tertiary'    )"><!-- speed-tertiary     --><td>km/hr
300             <tr><td>Unclassified:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified')"><!-- speed-unclassified --><td>km/hr
301             <tr><td>Residential: <td><input name="speed-residential"  type="text" size=3 onchange="formSetSpeed('residential' )"><!-- speed-residential  --><td>km/hr
302             <tr><td>Service:     <td><input name="speed-service"      type="text" size=3 onchange="formSetSpeed('service'     )"><!-- speed-service      --><td>km/hr
303             <tr><td>Track:       <td><input name="speed-track"        type="text" size=3 onchange="formSetSpeed('track'       )"><!-- speed-track        --><td>km/hr
304             <tr><td>Cycleway:    <td><input name="speed-cycleway"     type="text" size=3 onchange="formSetSpeed('cycleway'    )"><!-- speed-cycleway     --><td>km/hr
305             <tr><td>Path:        <td><input name="speed-path"         type="text" size=3 onchange="formSetSpeed('path'        )"><!-- speed-path         --><td>km/hr
306             <tr><td>Steps:       <td><input name="speed-steps"        type="text" size=3 onchange="formSetSpeed('steps'       )"><!-- speed-steps        --><td>km/hr
307             <tr><td>Ferry:       <td><input name="speed-ferry"        type="text" size=3 onchange="formSetSpeed('ferry'       )"><!-- speed-ferry        --><td>km/hr
308           </table>
309         </div>
310       </div>
311
312       <div class="hideshow_box">
313         <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">Show</span>
314         <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">Hide</span>
315         <span class="hideshow_title">Property Preferences</span>
316         <div id="hideshow_property_div" style="display: none;">
317           <table>
318             <tr><td>Paved:         <td><input name="property-paved"        type="text" size=3 onchange="formSetProperty('paved'       )"><!-- property-paved        --><td>%
319             <tr><td>Multiple Lanes:<td><input name="property-multilane"    type="text" size=3 onchange="formSetProperty('multilane'   )"><!-- property-multilane    --><td>%
320             <tr><td>Bridge:        <td><input name="property-bridge"       type="text" size=3 onchange="formSetProperty('bridge'      )"><!-- property-bridge       --><td>%
321             <tr><td>Tunnel:        <td><input name="property-tunnel"       type="text" size=3 onchange="formSetProperty('tunnel'      )"><!-- property-tunnel       --><td>%
322             <tr><td>Walking Route: <td><input name="property-footroute"    type="text" size=3 onchange="formSetProperty('footroute'   )"><!-- property-footroute    --><td>%
323             <tr><td>Bicycle Route: <td><input name="property-bicycleroute" type="text" size=3 onchange="formSetProperty('bicycleroute')"><!-- property-bicycleroute --><td>%
324           </table>
325         </div>
326       </div>
327
328       <div class="hideshow_box">
329         <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">Show</span>
330         <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">Hide</span>
331         <span class="hideshow_title">Other Restrictions</span>
332         <div id="hideshow_restriction_div" style="display: none;">
333           <table>
334             <tr><td>Obey oneway:<td><input name="restrict-oneway" type="checkbox"    onchange="formSetRestriction('oneway')"><!-- oneway --><td>
335             <tr><td>Weight:     <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight')"><!-- weight --><td>tonnes
336             <tr><td>Height:     <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height')"><!-- height --><td>metres
337             <tr><td>Width:      <td><input name="restrict-width"  type="text" size=3 onchange="formSetRestriction('width' )"><!-- width  --><td>metres
338             <tr><td>Length:     <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length')"><!-- length --><td>metres
339           </table>
340         </div>
341       </div>
342
343       <div class="hideshow_box">
344         <span class="hideshow_title">Find</span>
345         <input type="button" title="Find shortest route" id="shortest" value="Shortest" onclick="findRoute('shortest');">
346         <input type="button" title="Find quickest route" id="quickest" value="Quickest" onclick="findRoute('quickest');">
347       </div>
348
349       <div class="hideshow_box">
350         <span class="hideshow_title">Links</span>
351         <a id="link_url"                href="router.html">Permanent link to these parameters</a>
352         <br>
353         <a id="edit_url" target="other" href="http://www.openstreetmap.org/">Edit OSM data in Potlatch</a>
354       </div>
355
356       <div class="hideshow_box">
357         <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">Show</span>
358         <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">Hide</span>
359         <span class="hideshow_title">Help</span>
360         <div id="hideshow_help_options_div">
361           <div class="scrollable">
362             <p>
363             <b>Quick Start</b>
364             <br>
365             Click on marker icons (above) to place them on the map (right).  Then
366             drag them to the correct position.  Zooming the map before placing the
367             markers is probably easiest.  Alternatively type the latitude and
368             longitude into the boxes above.
369             <p>
370             Select the transport type, allowed highway types, speed limits, highway
371             properties and other restrictions from the options above.
372             Select "Shortest" or "Quickest" to calculate the route and display it
373             on the map.
374             <p>
375             <b>Waypoints</b>
376             <br>
377             Clicking on the marker icons will toggle the display of them on the map.
378             When a route is calculated it will visit (as close as possible
379             for the selected transport type) each of the waypoints that have
380             markers on the map in the order given.
381             <p>
382             <b>Transport Type</b>
383             <br>
384             Selecting a transport type will restrict the chosen route to
385             those on which it is allowed and set default values for the
386             other parameters.
387             <p>
388             <b>Highway Preferences</b>
389             <br>
390             The highway preference is selected as a percentage and routes are chosen that
391             try to follow the preferred highways.
392             For example if a "Primary" road is given a "110%" preference and a "Secondary"
393             road is given a "100%" preference then it means that a route on a Primary road
394             can be up to 10% longer than on a secondary road and still be selected.
395             <p>
396             <b>Speed Limits</b>
397             <br>
398             The speed limits chosen here for the different types of highway apply if the
399             highway has no other speed limit marked or it is higher than the chosen one.
400             <p>
401             <b>Property Preferences</b>
402             <br>
403             The property preference is selected as a percentage and routes are chosen that
404             try to follow highways with the preferred property.
405             For example if a "Paved" highway is given a "75%" preference then it means that
406             an unpaved highway is automatically given a "25%" preference so that a route on
407             a paved highway can be 3 times the length of an unpaved one and still be
408             selected.
409             <p>
410             <b>Other Restrictions</b>
411             <br>
412             These allow a route to be found that avoids marked limits on
413             weight, height, width or length.  It is also possible to ignore
414             one-way restrictions (e.g. if walking).
415           </div>
416         </div>
417       </div>
418     </form>
419   </div>
420
421
422   <div class="tab_content" id="tab_results_div" style="display: none;">
423
424     <div class="hideshow_box">
425       <span class="hideshow_title">Status</span>
426       <div id="result_status">
427         <span id="result_status_not_run"                        ><b><i>Router not run</i></b></span>
428         <span id="result_status_running"  style="display: none;"><b>Router running...</b></span>
429         <span id="result_status_complete" style="display: none;"><b>Routing completed</b></span>
430         <span id="result_status_error"    style="display: none;"><b>Router error</b></span>
431         <span id="result_status_failed"   style="display: none;"><b>Router failed to run</b></span>
432       </div>
433     </div>
434
435     <div class="hideshow_box">
436       <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">Show</span>
437       <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">Hide</span>
438       <span class="hideshow_title">Shortest Route</span>
439       <div id="shortest_status">
440         <span id="shortest_status_no_info"                       ><b><i>No Information</i></b></span>
441         <span id="shortest_status_info"    style="display: none;"></span>
442       </div>
443       <div id="hideshow_shortest_div" style="display: none;">
444         <div id="shortest_links" style="display: none;">
445           <table>
446             <tr><td>HTML directions:<td><a id="shortest_html"      target="shortest_html"      href="#">Open Popup</a>
447             <tr><td>GPX track file: <td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
448             <tr><td>GPX route file: <td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
449             <tr><td>Full text file: <td><a id="shortest_text_all"  target="shortest_text_all"  href="#">Open Popup</a>
450             <tr><td>Text file:      <td><a id="shortest_text"      target="shortest_text"      href="#">Open Popup</a>
451           </table>
452           <hr>
453         </div>
454         <div id="shortest_route">
455         </div>
456       </div>
457     </div>
458
459     <div class="hideshow_box">
460       <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">Show</span>
461       <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">Hide</span>
462       <span class="hideshow_title">Quickest Route</span>
463       <div id="quickest_status">
464         <span id="quickest_status_no_info"                       ><b><i>No Information</i></b></span>
465         <span id="quickest_status_info"    style="display: none;"></span>
466       </div>
467       <div id="hideshow_quickest_div" style="display: none;">
468         <div id="quickest_links" style="display: none;">
469           <table>
470             <tr><td>HTML directions:<td><a id="quickest_html"      target="quickest_html"      href="#">Open Popup</a>
471             <tr><td>GPX track file: <td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
472             <tr><td>GPX route file: <td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
473             <tr><td>Full text file: <td><a id="quickest_text_all"  target="quickest_text_all"  href="#">Open Popup</a>
474             <tr><td>Text file:      <td><a id="quickest_text"      target="quickest_text"      href="#">Open Popup</a>
475           </table>
476           <hr>
477         </div>
478         <div id="quickest_route">
479         </div>
480       </div>
481     </div>
482
483     <div class="hideshow_box">
484       <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">Show</span>
485       <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">Hide</span>
486       <span class="hideshow_title">Help</span>
487       <div id="hideshow_help_route_div">
488         <div class="scrollable">
489           <p>
490           <b>Quick Start</b>
491           <br>
492           After calculating a route you can download the GPX file or plain
493           text route description (summary or detailed version). Also you
494           can view the route description and zoom in to selected parts.
495           <p style="margin-bottom: 0px">
496           <b>Problem Solving</b>
497           <br>
498           If the router completes with an error then the most likely cause is
499           that it is not possible to find a route between the selected points.
500           Moving one or more markers or changing the routing options should
501           allow a route to be found.
502           <p style="margin-bottom: 0px">
503           <b>Output Formats</b>
504           <br>
505           <dl style="margin-top: 0px">
506             <dt>HTML instructions
507             <dd>A description of the route to take with directions at each
508               important junction.
509             <dt>GPX track file
510             <dd>The same information that is displayed on the map with points
511               for every node and lines for every segment.
512             <dt>GPX route file
513             <dd>The same information that is displayed in text for the route
514               with a waypoint for each important junction in the route.
515             <dt>Full text file
516             <dd>A list of all of the nodes visited as well as the distance
517               between them and the cumulative distance for each step of the
518               route.
519             <dt>Text file
520             <dd>The same information that is displayed in text for the route.
521           </dl>
522         </div>
523       </div>
524     </div>
525   </div>
526
527
528   <div class="tab_content" id="tab_data_div" style="display: none;">
529     <div class="hideshow_box">
530       <span class="hideshow_title">Statistics</span>
531       <div id="statistics_data"></div>
532       <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
533     </div>
534
535     <div class="hideshow_box">
536       <span class="hideshow_title">Visualiser</span>
537       To see Routino's view of the data there is a data visualiser that allows
538       displaying of the underlying data in various ways.
539       <br>
540       <a id="visualiser_url" target="other" href="visualiser.html">Custom link to this map view</a>
541     </div>
542   </div>
543
544 </div>
545
546 <!-- Right hand side of window - map -->
547
548 <div class="right_panel">
549   <div class="map" id="map">
550     <noscript>
551       Javascript is <em>required</em> to use this web page because of the
552       interactive map.
553     </noscript>
554   </div>
555   <div class="attribution">
556     <a target="other" href="http://www.routino.org/" title="Routino">Router: Routino</a>
557     |
558     <a target="other" href="http://www.openstreetmap.org/" title="Copyright: OpenStreetMap.org; License: Creative Commons Attribution-Share Alike 2.0">Geo Data: OpenStreetMap</a>
559   </div>
560 </div>
561
562 </BODY>
563 </HTML>
Unnamed repository; edit this file to name it for gitweb.