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 1005 - (hide annotations) (download)
Fri Jun 29 14:30:38 2012 UTC (12 years, 8 months ago) by amb
File size: 28357 byte(s)
Display all of the search results and allow the user to select one.

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 987 <BODY onload="html_init();map_init();form_init();block_return_key();">
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     <form name="form" id="form" action="router.cgi" method="get">
68     <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 1005 <span id="searchXXX" style="display: none; text-align: left;">
133 amb 1001 <input name="searchXXX" type="text" size="20" title="Waypoint XXX Location" onchange="formSetSearch(XXX);">
134     </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 987 <!-- The waypoints are inserted by the JavaScript, see the "maxmarkers" variable in router.js. -->
149 amb 577 <tr>
150 amb 1001 <td colspan="3" align="center"><input type="button" title="Reverse order of waypoints" value="Reverse waypoint order" onmousedown="markersReverse();">
151 amb 577 </table>
152     </div>
153     </div>
154    
155     <div class="hideshow_box">
156 amb 932 <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">+</span>
157     <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">-</span>
158 amb 577 <span class="hideshow_title">Transport Type</span>
159     <div id="hideshow_transport_div">
160     <table>
161 amb 985 <tr><td>Foot <td><input name="transport" type="radio" value="foot" onchange="formSetTransport('foot' )">
162     <tr><td>Horse <td><input name="transport" type="radio" value="horse" onchange="formSetTransport('horse' )">
163     <tr><td>Wheelchair<td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair')">
164     <tr><td>Bicycle <td><input name="transport" type="radio" value="bicycle" onchange="formSetTransport('bicycle' )">
165     <tr><td>Moped <td><input name="transport" type="radio" value="moped" onchange="formSetTransport('moped' )">
166     <tr><td>Motorbike <td><input name="transport" type="radio" value="motorbike" onchange="formSetTransport('motorbike' )">
167     <tr><td>Motorcar <td><input name="transport" type="radio" value="motorcar" onchange="formSetTransport('motorcar' )">
168     <tr><td>Goods <td><input name="transport" type="radio" value="goods" onchange="formSetTransport('goods' )">
169     <tr><td>HGV <td><input name="transport" type="radio" value="hgv" onchange="formSetTransport('hgv' )">
170     <tr><td>PSV <td><input name="transport" type="radio" value="psv" onchange="formSetTransport('psv' )">
171 amb 577 </table>
172     </div>
173     </div>
174    
175     <div class="hideshow_box">
176 amb 932 <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">+</span>
177     <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">-</span>
178 amb 577 <span class="hideshow_title">Highway Preferences</span>
179     <div id="hideshow_highway_div" style="display: none;">
180     <table>
181 amb 985 <tr><td>Motorway: <td><input name="highway-motorway" type="text" size=3 onchange="formSetHighway('motorway' )"><td>%
182     <tr><td>Trunk: <td><input name="highway-trunk" type="text" size=3 onchange="formSetHighway('trunk' )"><td>%
183     <tr><td>Primary: <td><input name="highway-primary" type="text" size=3 onchange="formSetHighway('primary' )"><td>%
184     <tr><td>Secondary: <td><input name="highway-secondary" type="text" size=3 onchange="formSetHighway('secondary' )"><td>%
185     <tr><td>Tertiary: <td><input name="highway-tertiary" type="text" size=3 onchange="formSetHighway('tertiary' )"><td>%
186     <tr><td>Unclassified:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified')"><td>%
187     <tr><td>Residential: <td><input name="highway-residential" type="text" size=3 onchange="formSetHighway('residential' )"><td>%
188     <tr><td>Service: <td><input name="highway-service" type="text" size=3 onchange="formSetHighway('service' )"><td>%
189     <tr><td>Track: <td><input name="highway-track" type="text" size=3 onchange="formSetHighway('track' )"><td>%
190     <tr><td>Cycleway: <td><input name="highway-cycleway" type="text" size=3 onchange="formSetHighway('cycleway' )"><td>%
191     <tr><td>Path: <td><input name="highway-path" type="text" size=3 onchange="formSetHighway('path' )"><td>%
192     <tr><td>Steps: <td><input name="highway-steps" type="text" size=3 onchange="formSetHighway('steps' )"><td>%
193     <tr><td>Ferry: <td><input name="highway-ferry" type="text" size=3 onchange="formSetHighway('ferry' )"><td>%
194 amb 577 </table>
195     </div>
196     </div>
197    
198     <div class="hideshow_box">
199 amb 932 <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">+</span>
200     <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">-</span>
201 amb 577 <span class="hideshow_title">Speed Limits</span>
202     <div id="hideshow_speed_div" style="display: none;">
203     <table>
204 amb 985 <tr><td>Motorway: <td><input name="speed-motorway" type="text" size=3 onchange="formSetSpeed('motorway' )"><td>km/hr
205     <tr><td>Trunk: <td><input name="speed-trunk" type="text" size=3 onchange="formSetSpeed('trunk' )"><td>km/hr
206     <tr><td>Primary: <td><input name="speed-primary" type="text" size=3 onchange="formSetSpeed('primary' )"><td>km/hr
207     <tr><td>Secondary: <td><input name="speed-secondary" type="text" size=3 onchange="formSetSpeed('secondary' )"><td>km/hr
208     <tr><td>Tertiary: <td><input name="speed-tertiary" type="text" size=3 onchange="formSetSpeed('tertiary' )"><td>km/hr
209     <tr><td>Unclassified:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified')"><td>km/hr
210     <tr><td>Residential: <td><input name="speed-residential" type="text" size=3 onchange="formSetSpeed('residential' )"><td>km/hr
211     <tr><td>Service: <td><input name="speed-service" type="text" size=3 onchange="formSetSpeed('service' )"><td>km/hr
212     <tr><td>Track: <td><input name="speed-track" type="text" size=3 onchange="formSetSpeed('track' )"><td>km/hr
213     <tr><td>Cycleway: <td><input name="speed-cycleway" type="text" size=3 onchange="formSetSpeed('cycleway' )"><td>km/hr
214     <tr><td>Path: <td><input name="speed-path" type="text" size=3 onchange="formSetSpeed('path' )"><td>km/hr
215     <tr><td>Steps: <td><input name="speed-steps" type="text" size=3 onchange="formSetSpeed('steps' )"><td>km/hr
216     <tr><td>Ferry: <td><input name="speed-ferry" type="text" size=3 onchange="formSetSpeed('ferry' )"><td>km/hr
217 amb 577 </table>
218     </div>
219     </div>
220    
221     <div class="hideshow_box">
222 amb 932 <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">+</span>
223     <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">-</span>
224 amb 577 <span class="hideshow_title">Property Preferences</span>
225     <div id="hideshow_property_div" style="display: none;">
226     <table>
227 amb 985 <tr><td>Paved: <td><input name="property-paved" type="text" size=3 onchange="formSetProperty('paved' )"><td>%
228     <tr><td>Multiple Lanes:<td><input name="property-multilane" type="text" size=3 onchange="formSetProperty('multilane' )"><td>%
229     <tr><td>Bridge: <td><input name="property-bridge" type="text" size=3 onchange="formSetProperty('bridge' )"><td>%
230     <tr><td>Tunnel: <td><input name="property-tunnel" type="text" size=3 onchange="formSetProperty('tunnel' )"><td>%
231     <tr><td>Walking Route: <td><input name="property-footroute" type="text" size=3 onchange="formSetProperty('footroute' )"><td>%
232     <tr><td>Bicycle Route: <td><input name="property-bicycleroute" type="text" size=3 onchange="formSetProperty('bicycleroute')"><td>%
233 amb 577 </table>
234     </div>
235     </div>
236    
237     <div class="hideshow_box">
238 amb 932 <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">+</span>
239     <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">-</span>
240 amb 577 <span class="hideshow_title">Other Restrictions</span>
241     <div id="hideshow_restriction_div" style="display: none;">
242     <table>
243 amb 985 <tr><td>Obey oneway:<td><input name="restrict-oneway" type="checkbox" onchange="formSetRestriction('oneway')"><td>
244     <tr><td>Obey turns: <td><input name="restrict-turns" type="checkbox" onchange="formSetRestriction('turns' )"><td>
245     <tr><td>Weight: <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight')"><td>tonnes
246     <tr><td>Height: <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height')"><td>metres
247     <tr><td>Width: <td><input name="restrict-width" type="text" size=3 onchange="formSetRestriction('width' )"><td>metres
248     <tr><td>Length: <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length')"><td>metres
249 amb 577 </table>
250     </div>
251     </div>
252    
253     <div class="hideshow_box">
254     <span class="hideshow_title">Find</span>
255     <input type="button" title="Find shortest route" id="shortest" value="Shortest" onclick="findRoute('shortest');">
256     <input type="button" title="Find quickest route" id="quickest" value="Quickest" onclick="findRoute('quickest');">
257     </div>
258    
259     <div class="hideshow_box">
260     <span class="hideshow_title">Links</span>
261 amb 986 <a id="permalink_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html">Permanent link to these parameters</a>
262 amb 577 <br>
263 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>
264 amb 577 </div>
265    
266     <div class="hideshow_box">
267 amb 932 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span>
268     <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span>
269 amb 577 <span class="hideshow_title">Help</span>
270     <div id="hideshow_help_options_div">
271     <div class="scrollable">
272     <p>
273     <b>Quick Start</b>
274     <br>
275     Click on marker icons (above) to place them on the map (right). Then
276     drag them to the correct position. Zooming the map before placing the
277     markers is probably easiest. Alternatively type the latitude and
278     longitude into the boxes above.
279     <p>
280     Select the transport type, allowed highway types, speed limits, highway
281     properties and other restrictions from the options above.
282     Select "Shortest" or "Quickest" to calculate the route and display it
283     on the map.
284     <p>
285     <b>Waypoints</b>
286     <br>
287     Clicking on the marker icons will toggle the display of them on the map.
288     When a route is calculated it will visit (as close as possible
289     for the selected transport type) each of the waypoints that have
290     markers on the map in the order given.
291     <p>
292     <b>Transport Type</b>
293     <br>
294     Selecting a transport type will restrict the chosen route to
295     those on which it is allowed and set default values for the
296     other parameters.
297     <p>
298     <b>Highway Preferences</b>
299     <br>
300     The highway preference is selected as a percentage and routes are chosen that
301     try to follow the preferred highways.
302     For example if a "Primary" road is given a "110%" preference and a "Secondary"
303     road is given a "100%" preference then it means that a route on a Primary road
304     can be up to 10% longer than on a secondary road and still be selected.
305     <p>
306     <b>Speed Limits</b>
307     <br>
308     The speed limits chosen here for the different types of highway apply if the
309     highway has no other speed limit marked or it is higher than the chosen one.
310     <p>
311     <b>Property Preferences</b>
312     <br>
313     The property preference is selected as a percentage and routes are chosen that
314     try to follow highways with the preferred property.
315     For example if a "Paved" highway is given a "75%" preference then it means that
316     an unpaved highway is automatically given a "25%" preference so that a route on
317     a paved highway can be 3 times the length of an unpaved one and still be
318     selected.
319     <p>
320     <b>Other Restrictions</b>
321     <br>
322     These allow a route to be found that avoids marked limits on
323     weight, height, width or length. It is also possible to ignore
324     one-way restrictions (e.g. if walking).
325     </div>
326     </div>
327     </div>
328     </form>
329     </div>
330    
331    
332     <div class="tab_content" id="tab_results_div" style="display: none;">
333    
334     <div class="hideshow_box">
335     <span class="hideshow_title">Status</span>
336     <div id="result_status">
337 amb 629 <div id="result_status_not_run">
338     <b><i>Router not run</i></b>
339     </div>
340     <div id="result_status_running" style="display: none;">
341     <b>Router running...</b>
342     </div>
343     <div id="result_status_complete" style="display: none;">
344     <b>Routing completed</b>
345     <br>
346     <a id="router_log_complete" target="router_log" href="#">View Details</a>
347     </div>
348     <div id="result_status_error" style="display: none;">
349     <b>Router error</b>
350     <br>
351     <a id="router_log_error" target="router_log" href="#">View Details</a>
352     </div>
353     <div id="result_status_failed" style="display: none;">
354     <b>Router failed to run</b>
355     </div>
356 amb 577 </div>
357     </div>
358    
359     <div class="hideshow_box">
360 amb 932 <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">+</span>
361     <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">-</span>
362 amb 577 <span class="hideshow_title">Shortest Route</span>
363     <div id="shortest_status">
364 amb 935 <div id="shortest_status_no_info">
365     <b><i>No Information</i></b>
366     </div>
367     <div id="shortest_status_info" style="display: none;">
368     </div>
369 amb 577 </div>
370     <div id="hideshow_shortest_div" style="display: none;">
371     <div id="shortest_links" style="display: none;">
372     <table>
373     <tr><td>HTML directions:<td><a id="shortest_html" target="shortest_html" href="#">Open Popup</a>
374     <tr><td>GPX track file: <td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
375     <tr><td>GPX route file: <td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
376     <tr><td>Full text file: <td><a id="shortest_text_all" target="shortest_text_all" href="#">Open Popup</a>
377     <tr><td>Text file: <td><a id="shortest_text" target="shortest_text" href="#">Open Popup</a>
378     </table>
379     <hr>
380     </div>
381     <div id="shortest_route">
382     </div>
383     </div>
384     </div>
385    
386     <div class="hideshow_box">
387 amb 932 <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">+</span>
388     <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">-</span>
389 amb 577 <span class="hideshow_title">Quickest Route</span>
390     <div id="quickest_status">
391 amb 935 <div id="quickest_status_no_info">
392     <b><i>No Information</i></b>
393     </div>
394     <div id="quickest_status_info" style="display: none;">
395     </div>
396 amb 577 </div>
397     <div id="hideshow_quickest_div" style="display: none;">
398     <div id="quickest_links" style="display: none;">
399     <table>
400     <tr><td>HTML directions:<td><a id="quickest_html" target="quickest_html" href="#">Open Popup</a>
401     <tr><td>GPX track file: <td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
402     <tr><td>GPX route file: <td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
403     <tr><td>Full text file: <td><a id="quickest_text_all" target="quickest_text_all" href="#">Open Popup</a>
404     <tr><td>Text file: <td><a id="quickest_text" target="quickest_text" href="#">Open Popup</a>
405     </table>
406     <hr>
407     </div>
408     <div id="quickest_route">
409     </div>
410     </div>
411     </div>
412    
413     <div class="hideshow_box">
414 amb 932 <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">+</span>
415     <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">-</span>
416 amb 577 <span class="hideshow_title">Help</span>
417     <div id="hideshow_help_route_div">
418     <div class="scrollable">
419     <p>
420     <b>Quick Start</b>
421     <br>
422     After calculating a route you can download the GPX file or plain
423     text route description (summary or detailed version). Also you
424     can view the route description and zoom in to selected parts.
425     <p style="margin-bottom: 0px">
426     <b>Problem Solving</b>
427     <br>
428     If the router completes with an error then the most likely cause is
429     that it is not possible to find a route between the selected points.
430     Moving one or more markers or changing the routing options should
431     allow a route to be found.
432     <p style="margin-bottom: 0px">
433     <b>Output Formats</b>
434     <br>
435     <dl style="margin-top: 0px">
436     <dt>HTML instructions
437     <dd>A description of the route to take with directions at each
438     important junction.
439     <dt>GPX track file
440     <dd>The same information that is displayed on the map with points
441     for every node and lines for every segment.
442     <dt>GPX route file
443     <dd>The same information that is displayed in text for the route
444     with a waypoint for each important junction in the route.
445     <dt>Full text file
446     <dd>A list of all of the nodes visited as well as the distance
447     between them and the cumulative distance for each step of the
448     route.
449     <dt>Text file
450     <dd>The same information that is displayed in text for the route.
451     </dl>
452     </div>
453     </div>
454     </div>
455     </div>
456    
457    
458     <div class="tab_content" id="tab_data_div" style="display: none;">
459     <div class="hideshow_box">
460     <span class="hideshow_title">Statistics</span>
461     <div id="statistics_data"></div>
462     <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
463     </div>
464    
465     <div class="hideshow_box">
466     <span class="hideshow_title">Visualiser</span>
467     To see Routino's view of the data there is a data visualiser that allows
468     displaying of the underlying data in various ways.
469     <br>
470 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>
471 amb 577 </div>
472     </div>
473    
474     </div>
475    
476     <!-- Right hand side of window - map -->
477    
478     <div class="right_panel">
479     <div class="map" id="map">
480     <noscript>
481     Javascript is <em>required</em> to use this web page because of the
482     interactive map.
483     </noscript>
484     </div>
485     <div class="attribution">
486 amb 584 <a target="other" href="http://www.routino.org/" title="Routino">Router: Routino</a>
487 amb 577 |
488     <a target="other" href="http://www.openstreetmap.org/" title="Copyright: OpenStreetMap.org; License: Creative Commons Attribution-Share Alike 2.0">Geo Data: OpenStreetMap</a>
489     </div>
490     </div>
491    
492     </BODY>
493     </HTML>