Routino SVN Repository Browser

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

ViewVC logotype

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

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1488 - (show annotations) (download)
Mon Jan 13 18:24:43 2014 UTC (11 years, 2 months ago) by amb
File size: 27999 byte(s)
French language web page and routing translations based on
https://github.com/ocivelo/routino-2.6-bikeopposite-elevation/commit/d426c7ff42e217ca5ace1244afc085c1433843c8
by Christophe Collard.

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html>
3
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <meta name="keywords" content="openstreetmap routing route planner">
7 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no">
8
9 <title>Routino : Route Planner for OpenStreetMap Data</title>
10
11 <!--
12 Routino router web page.
13
14 Part of the Routino routing software.
15
16 This file Copyright 2008-2014 Andrew M. Bishop
17
18 This program is free software: you can redistribute it and/or modify
19 it under the terms of the GNU Affero General Public License as published by
20 the Free Software Foundation, either version 3 of the License, or
21 (at your option) any later version.
22
23 This program is distributed in the hope that it will be useful,
24 but WITHOUT ANY WARRANTY; without even the implied warranty of
25 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
26 GNU Affero General Public License for more details.
27
28 You should have received a copy of the GNU Affero General Public License
29 along with this program. If not, see http://www.gnu.org/licenses/.
30 -->
31
32 <!-- OpenLayers Javascript library -->
33 <script src="../openlayers/OpenLayers.js" type="text/javascript"></script>
34
35 <!-- Page elements -->
36 <script src="page-elements.js" type="text/javascript"></script>
37 <link href="page-elements.css" type="text/css" rel="stylesheet">
38
39 <!-- Router and visualiser shared features -->
40 <link href="maplayout.css" type="text/css" rel="stylesheet">
41
42 <!-- Router specific features -->
43 <script src="profiles.js" type="text/javascript"></script>
44 <script src="mapprops.js" type="text/javascript"></script>
45 <script src="router.js" type="text/javascript"></script>
46 <link href="router.css" type="text/css" rel="stylesheet">
47 </head>
48
49 <body onload="html_init();map_init();form_init();">
50
51 <!-- Left hand side of window - data panel -->
52
53 <div class="left_panel">
54
55 <div class="tab_box">
56 <span id="tab_options" onclick="tab_select('options');" class="tab_selected" title="Set routing options">Options</span>
57 <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Results</span>
58 <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
59 </div>
60
61 <div class="tab_content" id="tab_options_div">
62
63 <form name="form" id="form" action="#" method="get" onsubmit="return false;">
64 <div class="hideshow_box">
65 <span class="hideshow_title">Routino OpenStreetMap Router</span>
66 This web page allows routing within the data collected by OpenStreetMap.
67 Select start and end points (click on the marker icons below), select routing preferences then find a route.
68 <div class="center">
69 <a target="other" href="http://www.routino.org/">Routino Website</a>
70 |
71 <a target="other" href="documentation/">Documentation</a>
72 </div>
73 </div>
74
75 <div class="hideshow_box">
76 <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">+</span>
77 <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">-</span>
78 <span class="hideshow_title">Language</span>
79
80 <!-- Note for translations: Only this HTML file needs to be translated, the Javascript has
81 no language specific information in it. Only the body text and title attributes should
82 be changed, the values passed to the JavaScript and the element names must not be changed.
83 The selection below changes the language option passed to the router and selects the
84 output language not the web page language, the links are for that. The router itself uses
85 the translations.xml file for the translated versions of the output. -->
86
87 <div id="hideshow_language_div" style="display: none;">
88 <table>
89 <tr>
90 <td><a id="lang_en_url" href="router.html.en" title="English language web page">English</a>
91 <td>(EN)
92 <td><input name="language" type="radio" value="en" onchange="formSetLanguage();" checked>
93 <tr>
94 <td><a id="lang_fr_url" href="router.html.fr" title="French language web page">French</a>
95 <td>(FR)
96 <td><input name="language" type="radio" value="fr" onchange="formSetLanguage();">
97 <tr>
98 <td><a id="lang_de_url" href="router.html.de" title="Deutsche Webseite">German</a>
99 <td>(DE)
100 <td><input name="language" type="radio" value="de" onchange="formSetLanguage();">
101 <tr>
102 <td><a id="lang_nl_url" href="router.html.nl" title="Dutch language web page">Dutch</a>
103 <td>(NL)
104 <td><input name="language" type="radio" value="nl" onchange="formSetLanguage();">
105 <tr>
106 <td>Russian
107 <td>(RU)
108 <td><input name="language" type="radio" value="ru" onchange="formSetLanguage();">
109 </table>
110 </div>
111 </div>
112
113 <div class="hideshow_box">
114 <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 <span class="hideshow_title">Waypoints</span>
117 <div id="hideshow_waypoint_div">
118 <table id="waypoints">
119 <colgroup>
120 <col style="width: 22px;">
121 <col>
122 <col style="width: 76px;">
123 </colgroup>
124 <tr id="waypointXXX" style="display: none;">
125 <td>
126 <img id="iconXXX" src="icons/marker-XXX-grey.png" title="Waypoint XXX Position - (click to add/remove on map)" alt="Waypoint XXX" onmousedown="markerToggleMap(XXX);">
127 <td>
128 <span id="coordsXXX">
129 <input name="lonXXX" type="text" size="7" title="Waypoint XXX Longitude" onchange="formSetCoords(XXX);">E
130 <input name="latXXX" type="text" size="7" title="Waypoint XXX Latitude" onchange="formSetCoords(XXX);">N
131 </span>
132 <span id="searchXXX" style="display: none;">
133 <input name="searchXXX" type="text" size="18" title="Waypoint XXX Location"> <!-- uses Javascript event for triggering -->
134 </span>
135 <td>
136 <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 <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 <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(XXX);">
141 <br>
142 <img alt="#" src="icons/waypoint-coords.png" title="Coordinates for location" onmousedown="markerCoords(XXX);" >
143 <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 <tr id="searchresultsXXX" style="display: none;">
148 <td colspan="3">
149 <!-- The waypoints are inserted by the JavaScript, see the "maxmarkers" variable in router.js. -->
150 <tr>
151 <td colspan="3" class="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 </table>
155 </div>
156 </div>
157
158 <div class="hideshow_box">
159 <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 <span class="hideshow_title">Transport Type</span>
162 <div id="hideshow_transport_div">
163 <table>
164 <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>Motorcycle<td><input name="transport" type="radio" value="motorcycle" onchange="formSetTransport('motorcycle');">
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 </table>
175 </div>
176 </div>
177
178 <div class="hideshow_box">
179 <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 <span class="hideshow_title">Highway Preferences</span>
182 <div id="hideshow_highway_div" style="display: none;">
183 <table>
184 <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 </table>
198 </div>
199 </div>
200
201 <div class="hideshow_box">
202 <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 <span class="hideshow_title">Speed Limits</span>
205 <div id="hideshow_speed_div" style="display: none;">
206 <table>
207 <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 </table>
221 </div>
222 </div>
223
224 <div class="hideshow_box">
225 <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 <span class="hideshow_title">Property Preferences</span>
228 <div id="hideshow_property_div" style="display: none;">
229 <table>
230 <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 </table>
237 </div>
238 </div>
239
240 <div class="hideshow_box">
241 <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 <span class="hideshow_title">Other Restrictions</span>
244 <div id="hideshow_restriction_div" style="display: none;">
245 <table>
246 <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 </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 <a id="permalink_url" href="router.html">Permanent link to these parameters</a>
265 <br>
266 <a id="edit_url" target="edit" style="display: none;">Edit this OSM data</a>
267 </div>
268
269 <div class="hideshow_box">
270 <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 <span class="hideshow_title">Help</span>
273 <div id="hideshow_help_options_div">
274 <div class="scrollable">
275 <b>Quick Start</b>
276 <br>
277 Click on marker icons (above) to place them on the map (right). Then
278 drag them to the correct position. Zooming the map before placing the
279 markers is probably easiest. Alternatively type the latitude and
280 longitude into the boxes above.
281 <p>
282 Select the transport type, allowed highway types, speed limits, highway
283 properties and other restrictions from the options above.
284 Select "Shortest" or "Quickest" to calculate the route and display it
285 on the map.
286 <p>
287 <b>Waypoints</b>
288 <br>
289 Clicking on the marker icons will toggle the display of them on the map.
290 When a route is calculated it will visit (as close as possible
291 for the selected transport type) each of the waypoints that have
292 markers on the map in the order given.
293 <p>
294 <b>Transport Type</b>
295 <br>
296 Selecting a transport type will restrict the chosen route to
297 those on which it is allowed and set default values for the
298 other parameters.
299 <p>
300 <b>Highway Preferences</b>
301 <br>
302 The highway preference is selected as a percentage and routes are chosen that
303 try to follow the preferred highways.
304 For example if a "Primary" road is given a "110%" preference and a "Secondary"
305 road is given a "100%" preference then it means that a route on a Primary road
306 can be up to 10% longer than on a secondary road and still be selected.
307 <p>
308 <b>Speed Limits</b>
309 <br>
310 The speed limits chosen here for the different types of highway apply if the
311 highway has no other speed limit marked or it is higher than the chosen one.
312 <p>
313 <b>Property Preferences</b>
314 <br>
315 The property preference is selected as a percentage and routes are chosen that
316 try to follow highways with the preferred property.
317 For example if a "Paved" highway is given a "75%" preference then it means that
318 an unpaved highway is automatically given a "25%" preference so that a route on
319 a paved highway can be 3 times the length of an unpaved one and still be
320 selected.
321 <p>
322 <b>Other Restrictions</b>
323 <br>
324 These allow a route to be found that avoids marked limits on
325 weight, height, width or length. It is also possible to ignore
326 one-way restrictions (e.g. if walking).
327 </div>
328 </div>
329 </div>
330 </form>
331 </div>
332
333
334 <div class="tab_content" id="tab_results_div" style="display: none;">
335
336 <div class="hideshow_box">
337 <span class="hideshow_title">Status</span>
338 <div id="result_status">
339 <div id="result_status_not_run">
340 <b><i>Router not run</i></b>
341 </div>
342 <div id="result_status_running" style="display: none;">
343 <b>Router running...</b>
344 </div>
345 <div id="result_status_complete" style="display: none;">
346 <b>Routing completed</b>
347 <br>
348 <a id="router_log_complete" target="router_log" href="#">View Details</a>
349 </div>
350 <div id="result_status_error" style="display: none;">
351 <b>Router error</b>
352 <br>
353 <a id="router_log_error" target="router_log" href="#">View Details</a>
354 </div>
355 <div id="result_status_failed" style="display: none;">
356 <b>Router failed to run</b>
357 </div>
358 </div>
359 </div>
360
361 <div class="hideshow_box">
362 <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">+</span>
363 <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">-</span>
364 <span class="hideshow_title">Shortest Route</span>
365 <div id="shortest_status">
366 <div id="shortest_status_no_info">
367 <b><i>No Information</i></b>
368 </div>
369 <div id="shortest_status_info" style="display: none;">
370 </div>
371 </div>
372 <div id="hideshow_shortest_div" style="display: none;">
373 <div id="shortest_links" style="display: none;">
374 <table>
375 <tr><td>HTML directions:<td><a id="shortest_html" target="shortest_html" href="#">Open Popup</a>
376 <tr><td>GPX track file: <td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
377 <tr><td>GPX route file: <td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
378 <tr><td>Full text file: <td><a id="shortest_text_all" target="shortest_text_all" href="#">Open Popup</a>
379 <tr><td>Text file: <td><a id="shortest_text" target="shortest_text" href="#">Open Popup</a>
380 </table>
381 <hr>
382 </div>
383 <div id="shortest_route">
384 </div>
385 </div>
386 </div>
387
388 <div class="hideshow_box">
389 <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">+</span>
390 <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">-</span>
391 <span class="hideshow_title">Quickest Route</span>
392 <div id="quickest_status">
393 <div id="quickest_status_no_info">
394 <b><i>No Information</i></b>
395 </div>
396 <div id="quickest_status_info" style="display: none;">
397 </div>
398 </div>
399 <div id="hideshow_quickest_div" style="display: none;">
400 <div id="quickest_links" style="display: none;">
401 <table>
402 <tr><td>HTML directions:<td><a id="quickest_html" target="quickest_html" href="#">Open Popup</a>
403 <tr><td>GPX track file: <td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
404 <tr><td>GPX route file: <td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
405 <tr><td>Full text file: <td><a id="quickest_text_all" target="quickest_text_all" href="#">Open Popup</a>
406 <tr><td>Text file: <td><a id="quickest_text" target="quickest_text" href="#">Open Popup</a>
407 </table>
408 <hr>
409 </div>
410 <div id="quickest_route">
411 </div>
412 </div>
413 </div>
414
415 <div class="hideshow_box">
416 <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">+</span>
417 <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">-</span>
418 <span class="hideshow_title">Help</span>
419 <div id="hideshow_help_route_div">
420 <div class="scrollable">
421 <p>
422 <b>Quick Start</b>
423 <br>
424 After calculating a route you can download the GPX file or plain
425 text route description (summary or detailed version). Also you
426 can view the route description and zoom in to selected parts.
427 <p>
428 <b>Problem Solving</b>
429 <br>
430 If the router completes with an error then the most likely cause is
431 that it is not possible to find a route between the selected points.
432 Moving one or more markers or changing the routing options should
433 allow a route to be found.
434 <p>
435 <b>Output Formats</b>
436 <br>
437 <dl>
438 <dt>HTML instructions
439 <dd>A description of the route to take with directions at each
440 important junction.
441 <dt>GPX track file
442 <dd>The same information that is displayed on the map with points
443 for every node and lines for every segment.
444 <dt>GPX route file
445 <dd>The same information that is displayed in text for the route
446 with a waypoint for each important junction in the route.
447 <dt>Full text file
448 <dd>A list of all of the nodes visited as well as the distance
449 between them and the cumulative distance for each step of the
450 route.
451 <dt>Text file
452 <dd>The same information that is displayed in text for the route.
453 </dl>
454 </div>
455 </div>
456 </div>
457 </div>
458
459
460 <div class="tab_content" id="tab_data_div" style="display: none;">
461 <div class="hideshow_box">
462 <span class="hideshow_title">Statistics</span>
463 <div id="statistics_data"></div>
464 <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
465 </div>
466
467 <div class="hideshow_box">
468 <span class="hideshow_title">Visualiser</span>
469 To see Routino's view of the data there is a data visualiser that allows
470 displaying of the underlying data in various ways.
471 <br>
472 <a id="visualiser_url" href="visualiser.html" target="visualiser">Custom link to this map view</a>
473 </div>
474 </div>
475
476 </div>
477
478 <!-- Right hand side of window - map -->
479
480 <div class="right_panel">
481 <div class="map" id="map">
482 <noscript>
483 <p>
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 Router: <a href="http://www.routino.org/" target="routino">Routino</a>
490 |
491 Geo Data: <span id="attribution_data"></span>
492 |
493 Tiles: <span id="attribution_tile"></span>
494 </div>
495 </div>
496
497 </body>
498
499 </html>