Routino SVN Repository Browser

Check out the latest version of Routino: svn co http://routino.org/svn/trunk routino

ViewVC logotype

Annotation of /trunk/web/www/routino/router.html.en

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1038 - (hide annotations) (download)
Fri Aug 3 18:09:26 2012 UTC (12 years, 7 months ago) by amb
File size: 28449 byte(s)
Add a button to close the loop (duplicate the first waypoint at the end).

1 amb 577 <!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 amb 984 This file Copyright 2008-2012 Andrew M. Bishop
10 amb 577
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 amb 584 <TITLE>Routino : Route Planner for OpenStreetMap Data</TITLE>
27 amb 577 <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 amb 635 <script src="profiles.js" type="text/javascript"></script>
48 amb 933 <script src="mapprops.js" type="text/javascript"></script>
49 amb 577 <script src="router.js" type="text/javascript"></script>
50     <link href="router.css" type="text/css" rel="stylesheet">
51    
52     </HEAD>
53 amb 1010 <BODY onload="html_init();map_init();form_init();">
54 amb 577
55     <!-- Left hand side of window - data panel -->
56    
57     <div class="left_panel">
58    
59     <div class="tab_box">
60     <span id="tab_options" onclick="tab_select('options');" class="tab_selected" title="Set routing options">Options</span>
61     <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Results</span>
62     <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
63     </div>
64    
65     <div class="tab_content" id="tab_options_div">
66    
67 amb 1010 <form name="form" id="form" action="" method="get" onsubmit="return false;">
68 amb 577 <div class="hideshow_box">
69     <span class="hideshow_title">Routino OpenStreetMap Router</span>
70     This web page allows routing within the data collected by OpenStreetMap.
71     Select start and end points (click on the marker icons below), select routing preferences then find a route.
72     <div align="center">
73 amb 584 <a target="other" href="http://www.routino.org/">Routino Website</a>
74 amb 577 |
75 amb 584 <a target="other" href="documentation/">Documentation</a>
76 amb 577 </div>
77     </div>
78    
79     <div class="hideshow_box">
80 amb 932 <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">+</span>
81     <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">-</span>
82 amb 577 <span class="hideshow_title">Language</span>
83    
84     <!-- Note for translations: Only this HTML file needs to be translated, the Javascript has
85     no language specific information in it. Only the body text and title attributes should
86     be changed, the values passed to the JavaScript and the element names must not be changed.
87     The selection below changes the language option passed to the router and selects the
88     output language not the web page language, the links are for that. The router itself uses
89     the translations.xml file for the translated versions of the output. -->
90    
91     <div id="hideshow_language_div" style="display: none;">
92     <table>
93     <tr>
94 amb 986 <td><a id="lang_en_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.en" title="English language web page">English</a>
95 amb 585 <td>(EN)
96 amb 985 <td><input name="language" type="radio" value="en" onchange="formSetLanguage()" checked>
97 amb 585 <tr>
98 amb 992 <td><a id="lang_de_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.de" title="Deutsche Webseite">German</a>
99 amb 585 <td>(DE)
100 amb 985 <td><input name="language" type="radio" value="de" onchange="formSetLanguage()">
101 amb 585 <tr>
102 amb 986 <td><a id="lang_nl_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.nl" title="Dutch language web page">Dutch</a>
103 amb 585 <td>(NL)
104 amb 985 <td><input name="language" type="radio" value="nl" onchange="formSetLanguage()">
105 amb 902 <tr>
106     <td>Russian
107     <td>(RU)
108 amb 985 <td><input name="language" type="radio" value="ru" onchange="formSetLanguage()">
109 amb 577 </table>
110     </div>
111     </div>
112    
113     <div class="hideshow_box">
114 amb 932 <span id="hideshow_waypoint_show" onclick="hideshow_show('waypoint');" class="hideshow_hide">+</span>
115     <span id="hideshow_waypoint_hide" onclick="hideshow_hide('waypoint');" class="hideshow_show">-</span>
116 amb 577 <span class="hideshow_title">Waypoints</span>
117     <div id="hideshow_waypoint_div">
118 amb 987 <table id="waypoints">
119 amb 1005 <colgroup>
120     <col style="width: 25px;">
121     <col>
122     <col style="width: 76px;">
123     </colgroup>
124     <tr id="waypointXXX" style="display: none;">
125 amb 577 <td>
126 amb 987 <img name="waypointXXX" src="icons/marker-XXX-grey.png" title="Waypoint XXX Position - (click to add/remove on map)" alt="Waypoint XXX" onmousedown="markerToggleMap(XXX)">&nbsp;
127 amb 577 <td>
128 amb 1001 <span id="coordsXXX">
129     <input name="lonXXX" type="text" size="7" title="Waypoint XXX Longitude" onchange="formSetCoords(XXX);">E&nbsp;
130     <input name="latXXX" type="text" size="7" title="Waypoint XXX Latitude" onchange="formSetCoords(XXX);">N&nbsp;
131     </span>
132 amb 1007 <span id="searchXXX" style="display: none;">
133 amb 1016 <input name="searchXXX" type="text" size="20" title="Waypoint XXX Location"> <!-- uses Javascript event for triggering -->
134 amb 1001 </span>
135 amb 577 <td>
136 amb 1001 <img alt="?" src="icons/waypoint-search.png" title="Search for location" onmousedown="markerSearch(XXX);" >
137     <img alt="G" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(XXX);" >
138 amb 987 <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(XXX);">
139     <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(XXX);" >
140 amb 992 <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(XXX);">
141     <br>
142 amb 1001 <img alt="#" src="icons/waypoint-coords.png" title="Coordinates for location" onmousedown="markerCoords(XXX);" >
143 amb 987 <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(XXX);" >
144     <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(XXX);" >
145     <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(XXX);">
146     <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(XXX);" >
147 amb 1005 <tr id="searchresultsXXX" style="display: none;">
148 amb 1010 <td colspan="3">
149 amb 987 <!-- The waypoints are inserted by the JavaScript, see the "maxmarkers" variable in router.js. -->
150 amb 577 <tr>
151 amb 1038 <td colspan="3" align="center">
152     <input type="button" title="Reverse order of waypoints" value="Reverse order" onmousedown="markersReverse();">
153     <input type="button" title="Add a new waypoint to make a loop" value="Close loop" onmousedown="markersLoop();">
154 amb 577 </table>
155     </div>
156     </div>
157    
158     <div class="hideshow_box">
159 amb 932 <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">+</span>
160     <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">-</span>
161 amb 577 <span class="hideshow_title">Transport Type</span>
162     <div id="hideshow_transport_div">
163     <table>
164 amb 985 <tr><td>Foot <td><input name="transport" type="radio" value="foot" onchange="formSetTransport('foot' )">
165     <tr><td>Horse <td><input name="transport" type="radio" value="horse" onchange="formSetTransport('horse' )">
166     <tr><td>Wheelchair<td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair')">
167     <tr><td>Bicycle <td><input name="transport" type="radio" value="bicycle" onchange="formSetTransport('bicycle' )">
168     <tr><td>Moped <td><input name="transport" type="radio" value="moped" onchange="formSetTransport('moped' )">
169     <tr><td>Motorbike <td><input name="transport" type="radio" value="motorbike" onchange="formSetTransport('motorbike' )">
170     <tr><td>Motorcar <td><input name="transport" type="radio" value="motorcar" onchange="formSetTransport('motorcar' )">
171     <tr><td>Goods <td><input name="transport" type="radio" value="goods" onchange="formSetTransport('goods' )">
172     <tr><td>HGV <td><input name="transport" type="radio" value="hgv" onchange="formSetTransport('hgv' )">
173     <tr><td>PSV <td><input name="transport" type="radio" value="psv" onchange="formSetTransport('psv' )">
174 amb 577 </table>
175     </div>
176     </div>
177    
178     <div class="hideshow_box">
179 amb 932 <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">+</span>
180     <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">-</span>
181 amb 577 <span class="hideshow_title">Highway Preferences</span>
182     <div id="hideshow_highway_div" style="display: none;">
183     <table>
184 amb 985 <tr><td>Motorway: <td><input name="highway-motorway" type="text" size=3 onchange="formSetHighway('motorway' )"><td>%
185     <tr><td>Trunk: <td><input name="highway-trunk" type="text" size=3 onchange="formSetHighway('trunk' )"><td>%
186     <tr><td>Primary: <td><input name="highway-primary" type="text" size=3 onchange="formSetHighway('primary' )"><td>%
187     <tr><td>Secondary: <td><input name="highway-secondary" type="text" size=3 onchange="formSetHighway('secondary' )"><td>%
188     <tr><td>Tertiary: <td><input name="highway-tertiary" type="text" size=3 onchange="formSetHighway('tertiary' )"><td>%
189     <tr><td>Unclassified:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified')"><td>%
190     <tr><td>Residential: <td><input name="highway-residential" type="text" size=3 onchange="formSetHighway('residential' )"><td>%
191     <tr><td>Service: <td><input name="highway-service" type="text" size=3 onchange="formSetHighway('service' )"><td>%
192     <tr><td>Track: <td><input name="highway-track" type="text" size=3 onchange="formSetHighway('track' )"><td>%
193     <tr><td>Cycleway: <td><input name="highway-cycleway" type="text" size=3 onchange="formSetHighway('cycleway' )"><td>%
194     <tr><td>Path: <td><input name="highway-path" type="text" size=3 onchange="formSetHighway('path' )"><td>%
195     <tr><td>Steps: <td><input name="highway-steps" type="text" size=3 onchange="formSetHighway('steps' )"><td>%
196     <tr><td>Ferry: <td><input name="highway-ferry" type="text" size=3 onchange="formSetHighway('ferry' )"><td>%
197 amb 577 </table>
198     </div>
199     </div>
200    
201     <div class="hideshow_box">
202 amb 932 <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">+</span>
203     <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">-</span>
204 amb 577 <span class="hideshow_title">Speed Limits</span>
205     <div id="hideshow_speed_div" style="display: none;">
206     <table>
207 amb 985 <tr><td>Motorway: <td><input name="speed-motorway" type="text" size=3 onchange="formSetSpeed('motorway' )"><td>km/hr
208     <tr><td>Trunk: <td><input name="speed-trunk" type="text" size=3 onchange="formSetSpeed('trunk' )"><td>km/hr
209     <tr><td>Primary: <td><input name="speed-primary" type="text" size=3 onchange="formSetSpeed('primary' )"><td>km/hr
210     <tr><td>Secondary: <td><input name="speed-secondary" type="text" size=3 onchange="formSetSpeed('secondary' )"><td>km/hr
211     <tr><td>Tertiary: <td><input name="speed-tertiary" type="text" size=3 onchange="formSetSpeed('tertiary' )"><td>km/hr
212     <tr><td>Unclassified:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified')"><td>km/hr
213     <tr><td>Residential: <td><input name="speed-residential" type="text" size=3 onchange="formSetSpeed('residential' )"><td>km/hr
214     <tr><td>Service: <td><input name="speed-service" type="text" size=3 onchange="formSetSpeed('service' )"><td>km/hr
215     <tr><td>Track: <td><input name="speed-track" type="text" size=3 onchange="formSetSpeed('track' )"><td>km/hr
216     <tr><td>Cycleway: <td><input name="speed-cycleway" type="text" size=3 onchange="formSetSpeed('cycleway' )"><td>km/hr
217     <tr><td>Path: <td><input name="speed-path" type="text" size=3 onchange="formSetSpeed('path' )"><td>km/hr
218     <tr><td>Steps: <td><input name="speed-steps" type="text" size=3 onchange="formSetSpeed('steps' )"><td>km/hr
219     <tr><td>Ferry: <td><input name="speed-ferry" type="text" size=3 onchange="formSetSpeed('ferry' )"><td>km/hr
220 amb 577 </table>
221     </div>
222     </div>
223    
224     <div class="hideshow_box">
225 amb 932 <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">+</span>
226     <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">-</span>
227 amb 577 <span class="hideshow_title">Property Preferences</span>
228     <div id="hideshow_property_div" style="display: none;">
229     <table>
230 amb 985 <tr><td>Paved: <td><input name="property-paved" type="text" size=3 onchange="formSetProperty('paved' )"><td>%
231     <tr><td>Multiple Lanes:<td><input name="property-multilane" type="text" size=3 onchange="formSetProperty('multilane' )"><td>%
232     <tr><td>Bridge: <td><input name="property-bridge" type="text" size=3 onchange="formSetProperty('bridge' )"><td>%
233     <tr><td>Tunnel: <td><input name="property-tunnel" type="text" size=3 onchange="formSetProperty('tunnel' )"><td>%
234     <tr><td>Walking Route: <td><input name="property-footroute" type="text" size=3 onchange="formSetProperty('footroute' )"><td>%
235     <tr><td>Bicycle Route: <td><input name="property-bicycleroute" type="text" size=3 onchange="formSetProperty('bicycleroute')"><td>%
236 amb 577 </table>
237     </div>
238     </div>
239    
240     <div class="hideshow_box">
241 amb 932 <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">+</span>
242     <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">-</span>
243 amb 577 <span class="hideshow_title">Other Restrictions</span>
244     <div id="hideshow_restriction_div" style="display: none;">
245     <table>
246 amb 985 <tr><td>Obey oneway:<td><input name="restrict-oneway" type="checkbox" onchange="formSetRestriction('oneway')"><td>
247     <tr><td>Obey turns: <td><input name="restrict-turns" type="checkbox" onchange="formSetRestriction('turns' )"><td>
248     <tr><td>Weight: <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight')"><td>tonnes
249     <tr><td>Height: <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height')"><td>metres
250     <tr><td>Width: <td><input name="restrict-width" type="text" size=3 onchange="formSetRestriction('width' )"><td>metres
251     <tr><td>Length: <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length')"><td>metres
252 amb 577 </table>
253     </div>
254     </div>
255    
256     <div class="hideshow_box">
257     <span class="hideshow_title">Find</span>
258     <input type="button" title="Find shortest route" id="shortest" value="Shortest" onclick="findRoute('shortest');">
259     <input type="button" title="Find quickest route" id="quickest" value="Quickest" onclick="findRoute('quickest');">
260     </div>
261    
262     <div class="hideshow_box">
263     <span class="hideshow_title">Links</span>
264 amb 986 <a id="permalink_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html">Permanent link to these parameters</a>
265 amb 577 <br>
266 amb 986 <a id="edit_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="http://www.openstreetmap.org/" target="edit">Edit OSM data in Potlatch</a>
267 amb 577 </div>
268    
269     <div class="hideshow_box">
270 amb 932 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span>
271     <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span>
272 amb 577 <span class="hideshow_title">Help</span>
273     <div id="hideshow_help_options_div">
274     <div class="scrollable">
275     <p>
276     <b>Quick Start</b>
277     <br>
278     Click on marker icons (above) to place them on the map (right). Then
279     drag them to the correct position. Zooming the map before placing the
280     markers is probably easiest. Alternatively type the latitude and
281     longitude into the boxes above.
282     <p>
283     Select the transport type, allowed highway types, speed limits, highway
284     properties and other restrictions from the options above.
285     Select "Shortest" or "Quickest" to calculate the route and display it
286     on the map.
287     <p>
288     <b>Waypoints</b>
289     <br>
290     Clicking on the marker icons will toggle the display of them on the map.
291     When a route is calculated it will visit (as close as possible
292     for the selected transport type) each of the waypoints that have
293     markers on the map in the order given.
294     <p>
295     <b>Transport Type</b>
296     <br>
297     Selecting a transport type will restrict the chosen route to
298     those on which it is allowed and set default values for the
299     other parameters.
300     <p>
301     <b>Highway Preferences</b>
302     <br>
303     The highway preference is selected as a percentage and routes are chosen that
304     try to follow the preferred highways.
305     For example if a "Primary" road is given a "110%" preference and a "Secondary"
306     road is given a "100%" preference then it means that a route on a Primary road
307     can be up to 10% longer than on a secondary road and still be selected.
308     <p>
309     <b>Speed Limits</b>
310     <br>
311     The speed limits chosen here for the different types of highway apply if the
312     highway has no other speed limit marked or it is higher than the chosen one.
313     <p>
314     <b>Property Preferences</b>
315     <br>
316     The property preference is selected as a percentage and routes are chosen that
317     try to follow highways with the preferred property.
318     For example if a "Paved" highway is given a "75%" preference then it means that
319     an unpaved highway is automatically given a "25%" preference so that a route on
320     a paved highway can be 3 times the length of an unpaved one and still be
321     selected.
322     <p>
323     <b>Other Restrictions</b>
324     <br>
325     These allow a route to be found that avoids marked limits on
326     weight, height, width or length. It is also possible to ignore
327     one-way restrictions (e.g. if walking).
328     </div>
329     </div>
330     </div>
331     </form>
332     </div>
333    
334    
335     <div class="tab_content" id="tab_results_div" style="display: none;">
336    
337     <div class="hideshow_box">
338     <span class="hideshow_title">Status</span>
339     <div id="result_status">
340 amb 629 <div id="result_status_not_run">
341     <b><i>Router not run</i></b>
342     </div>
343     <div id="result_status_running" style="display: none;">
344     <b>Router running...</b>
345     </div>
346     <div id="result_status_complete" style="display: none;">
347     <b>Routing completed</b>
348     <br>
349     <a id="router_log_complete" target="router_log" href="#">View Details</a>
350     </div>
351     <div id="result_status_error" style="display: none;">
352     <b>Router error</b>
353     <br>
354     <a id="router_log_error" target="router_log" href="#">View Details</a>
355     </div>
356     <div id="result_status_failed" style="display: none;">
357     <b>Router failed to run</b>
358     </div>
359 amb 577 </div>
360     </div>
361    
362     <div class="hideshow_box">
363 amb 932 <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">+</span>
364     <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">-</span>
365 amb 577 <span class="hideshow_title">Shortest Route</span>
366     <div id="shortest_status">
367 amb 935 <div id="shortest_status_no_info">
368     <b><i>No Information</i></b>
369     </div>
370     <div id="shortest_status_info" style="display: none;">
371     </div>
372 amb 577 </div>
373     <div id="hideshow_shortest_div" style="display: none;">
374     <div id="shortest_links" style="display: none;">
375     <table>
376     <tr><td>HTML directions:<td><a id="shortest_html" target="shortest_html" href="#">Open Popup</a>
377     <tr><td>GPX track file: <td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
378     <tr><td>GPX route file: <td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
379     <tr><td>Full text file: <td><a id="shortest_text_all" target="shortest_text_all" href="#">Open Popup</a>
380     <tr><td>Text file: <td><a id="shortest_text" target="shortest_text" href="#">Open Popup</a>
381     </table>
382     <hr>
383     </div>
384     <div id="shortest_route">
385     </div>
386     </div>
387     </div>
388    
389     <div class="hideshow_box">
390 amb 932 <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">+</span>
391     <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">-</span>
392 amb 577 <span class="hideshow_title">Quickest Route</span>
393     <div id="quickest_status">
394 amb 935 <div id="quickest_status_no_info">
395     <b><i>No Information</i></b>
396     </div>
397     <div id="quickest_status_info" style="display: none;">
398     </div>
399 amb 577 </div>
400     <div id="hideshow_quickest_div" style="display: none;">
401     <div id="quickest_links" style="display: none;">
402     <table>
403     <tr><td>HTML directions:<td><a id="quickest_html" target="quickest_html" href="#">Open Popup</a>
404     <tr><td>GPX track file: <td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
405     <tr><td>GPX route file: <td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
406     <tr><td>Full text file: <td><a id="quickest_text_all" target="quickest_text_all" href="#">Open Popup</a>
407     <tr><td>Text file: <td><a id="quickest_text" target="quickest_text" href="#">Open Popup</a>
408     </table>
409     <hr>
410     </div>
411     <div id="quickest_route">
412     </div>
413     </div>
414     </div>
415    
416     <div class="hideshow_box">
417 amb 932 <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">+</span>
418     <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">-</span>
419 amb 577 <span class="hideshow_title">Help</span>
420     <div id="hideshow_help_route_div">
421     <div class="scrollable">
422     <p>
423     <b>Quick Start</b>
424     <br>
425     After calculating a route you can download the GPX file or plain
426     text route description (summary or detailed version). Also you
427     can view the route description and zoom in to selected parts.
428 amb 1007 <p>
429 amb 577 <b>Problem Solving</b>
430     <br>
431     If the router completes with an error then the most likely cause is
432     that it is not possible to find a route between the selected points.
433     Moving one or more markers or changing the routing options should
434     allow a route to be found.
435 amb 1007 <p>
436 amb 577 <b>Output Formats</b>
437     <br>
438 amb 1007 <dl>
439 amb 577 <dt>HTML instructions
440     <dd>A description of the route to take with directions at each
441     important junction.
442     <dt>GPX track file
443     <dd>The same information that is displayed on the map with points
444     for every node and lines for every segment.
445     <dt>GPX route file
446     <dd>The same information that is displayed in text for the route
447     with a waypoint for each important junction in the route.
448     <dt>Full text file
449     <dd>A list of all of the nodes visited as well as the distance
450     between them and the cumulative distance for each step of the
451     route.
452     <dt>Text file
453     <dd>The same information that is displayed in text for the route.
454     </dl>
455     </div>
456     </div>
457     </div>
458     </div>
459    
460    
461     <div class="tab_content" id="tab_data_div" style="display: none;">
462     <div class="hideshow_box">
463     <span class="hideshow_title">Statistics</span>
464     <div id="statistics_data"></div>
465     <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
466     </div>
467    
468     <div class="hideshow_box">
469     <span class="hideshow_title">Visualiser</span>
470     To see Routino's view of the data there is a data visualiser that allows
471     displaying of the underlying data in various ways.
472     <br>
473 amb 986 <a id="visualiser_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="visualiser.html" target="visualiser">Custom link to this map view</a>
474 amb 577 </div>
475     </div>
476    
477     </div>
478    
479     <!-- Right hand side of window - map -->
480    
481     <div class="right_panel">
482     <div class="map" id="map">
483     <noscript>
484     Javascript is <em>required</em> to use this web page because of the
485     interactive map.
486     </noscript>
487     </div>
488     <div class="attribution">
489 amb 584 <a target="other" href="http://www.routino.org/" title="Routino">Router: Routino</a>
490 amb 577 |
491     <a target="other" href="http://www.openstreetmap.org/" title="Copyright: OpenStreetMap.org; License: Creative Commons Attribution-Share Alike 2.0">Geo Data: OpenStreetMap</a>
492     </div>
493     </div>
494    
495     </BODY>
496     </HTML>