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.nl

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1438 - (show annotations) (download)
Sat Jun 29 10:43:32 2013 UTC (11 years, 8 months ago) by amb
File size: 28884 byte(s)
Add some help to the visualiser web page and slightly reformatted the help on
the router web pages.

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
8 <title>Routino : Route Planner for OpenStreetMap Data</title>
9
10 <!--
11 Routino router web page.
12
13 Part of the Routino routing software.
14
15 This file Copyright 2008-2013 Andrew M. Bishop
16
17 Dutch translation by Jan Jansen (August 2010).
18
19 This program is free software: you can redistribute it and/or modify
20 it under the terms of the GNU Affero General Public License as published by
21 the Free Software Foundation, either version 3 of the License, or
22 (at your option) any later version.
23
24 This program is distributed in the hope that it will be useful,
25 but WITHOUT ANY WARRANTY; without even the implied warranty of
26 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
27 GNU Affero General Public License for more details.
28
29 You should have received a copy of the GNU Affero General Public License
30 along with this program. If not, see http://www.gnu.org/licenses/.
31 -->
32
33 <!-- OpenLayers Javascript library -->
34 <script src="../openlayers/OpenLayers.js" type="text/javascript"></script>
35
36 <!-- Page elements -->
37 <script src="page-elements.js" type="text/javascript"></script>
38 <link href="page-elements.css" type="text/css" rel="stylesheet">
39
40 <!-- Router and visualiser shared features -->
41 <link href="maplayout.css" type="text/css" rel="stylesheet">
42 <!--[if IE 6]>
43 <link href="maplayout-ie6-bugfixes.css" type="text/css" rel="stylesheet">
44 <![endif]-->
45 <!--[if IE 7]>
46 <link href="maplayout-ie7-bugfixes.css" type="text/css" rel="stylesheet">
47 <![endif]-->
48
49 <!-- Router specific features -->
50 <script src="profiles.js" type="text/javascript"></script>
51 <script src="mapprops.js" type="text/javascript"></script>
52 <script src="router.js" type="text/javascript"></script>
53 <link href="router.css" type="text/css" rel="stylesheet">
54 </HEAD>
55
56 <BODY onload="html_init();map_init();form_init();">
57
58 <!-- Left hand side of window - data panel -->
59
60 <div class="left_panel">
61
62 <div class="tab_box">
63 <span id="tab_options" onclick="tab_select('options');" class="tab_selected" title="Set routing options">Opties</span>
64 <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Resultaten</span>
65 <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
66 </div>
67
68 <div class="tab_content" id="tab_options_div">
69
70 <form name="form" id="form" action="" method="get" onsubmit="return false;">
71 <div class="hideshow_box">
72 <span class="hideshow_title">Routino OpenStreetMap Router</span>
73 Zoom naar straatniveau.
74 Selecteer start- and eindpunten onder Coordinaten. (click op het marker
75 icoon links, schuif het op map naar gewenste positie).
76 <div align="center">
77 <a target="other" href="http://www.routino.org/">Routino Website</a>
78 |
79 <a target="other" href="documentation/">Documentation</a>
80 </div>
81 </div>
82
83 <div class="hideshow_box">
84 <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">+</span>
85 <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">-</span>
86 <span class="hideshow_title">Taal (Language)</span>
87
88 <!-- Note for translations: Only this HTML file needs to be translated, the Javascript has
89 no language specific information in it. Only the body text and title attributes should
90 be changed, the values passed to the JavaScript and the element names must not be changed.
91 The selection below changes the language option passed to the router and selects the
92 output language not the web page language, the links are for that. The router itself uses
93 the translations.xml file for the translated versions of the output. -->
94
95 <div id="hideshow_language_div" style="display: none;">
96 <table>
97 <tr>
98 <td><a id="lang_nl_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.nl" title="Nederlandse web pagina">Nederlands</a>
99 <td>(NL)
100 <td><input name="language" type="radio" value="nl" onchange="formSetLanguage();" checked>
101 <tr>
102 <td><a id="lang_en_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.en" title="Engelstalige web pagina">English</a>
103 <td>(EN)
104 <td><input name="language" type="radio" value="en" onchange="formSetLanguage();">
105 <tr>
106 <td><a id="lang_de_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html.de" title="Deutsche Webseite">German</a>
107 <td>(DE)
108 <td><input name="language" type="radio" value="de" onchange="formSetLanguage();">
109 <tr>
110 <td>Russian
111 <td>(RU)
112 <td><input name="language" type="radio" value="ru" onchange="formSetLanguage();">
113 </table>
114 </div>
115 </div>
116
117 <div class="hideshow_box">
118 <span id="hideshow_waypoint_show" onclick="hideshow_show('waypoint');" class="hideshow_hide">+</span>
119 <span id="hideshow_waypoint_hide" onclick="hideshow_hide('waypoint');" class="hideshow_show">-</span>
120 <span class="hideshow_title">Coordinaten (waypoints)</span>
121 <div id="hideshow_waypoint_div">
122 <table id="waypoints">
123 <colgroup>
124 <col style="width: 25px;">
125 <col>
126 <col style="width: 76px;">
127 </colgroup>
128 <tr id="waypointXXX" style="display: none;">
129 <td>
130 <img name="waypointXXX" src="icons/marker-XXX-grey.png" title="Waypoint XXX Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint XXX" onmousedown="markerToggleMap(XXX);">&nbsp;
131 <td>
132 <span id="coordsXXX">
133 <input name="lonXXX" type="text" size="7" title="Waypoint XXX Longitude" onchange="formSetCoords(XXX);">E
134 <input name="latXXX" type="text" size="7" title="Waypoint XXX Latitude" onchange="formSetCoords(XXX);">N
135 </span>
136 <span id="searchXXX" style="display: none;">
137 <input name="searchXXX" type="text" size="18" title="Waypoint XXX Location"> <!-- uses Javascript event for triggering -->
138 </span>
139 <td>
140 <img alt="?" src="icons/waypoint-search.png" title="Search for location" onmousedown="markerSearch(XXX);" >
141 <img alt="G" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(XXX);" >
142 <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(XXX);">
143 <img alt="^" src="icons/waypoint-up.png" title="Beweeg dit punt naar boven" onmousedown="markerMoveUp(XXX);" >
144 <img alt="+" src="icons/waypoint-add.png" title="Voeg hierna punt toe" onmousedown="markerAddAfter(XXX);">
145 <br>
146 <img alt="#" src="icons/waypoint-coords.png" title="Coordinates for location" onmousedown="markerCoords(XXX);" >
147 <img alt="~" src="icons/waypoint-home.png" title="Toggle als thuis locatie" onmousedown="markerHome(XXX);" >
148 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map" onmousedown="markerCentre(XXX);" >
149 <img alt="v" src="icons/waypoint-down.png" title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(XXX);">
150 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt" onmousedown="markerRemove(XXX);" >
151 <tr id="searchresultsXXX" style="display: none;">
152 <td colspan="3">
153 <!-- The waypoints are inserted by the JavaScript, see the "maxmarkers" variable in router.js. -->
154 <tr>
155 <td colspan="3" align="center">
156 <input type="button" title="Keer volgorde punten om" value="Keer volgorde punten om" onmousedown="markersReverse();">
157 <input type="button" title="Add a new waypoint to make a loop" value="Close loop" onmousedown="markersLoop();">
158 </table>
159 </div>
160 </div>
161
162 <div class="hideshow_box">
163 <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">+</span>
164 <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">-</span>
165 <span class="hideshow_title">Transport Type</span>
166 <div id="hideshow_transport_div">
167 <table>
168 <tr><td>Te voet <td><input name="transport" type="radio" value="foot" onchange="formSetTransport('foot' );">
169 <tr><td>Paard <td><input name="transport" type="radio" value="horse" onchange="formSetTransport('horse' );">
170 <tr><td>Rolstoel <td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair');">
171 <tr><td>Fiets <td><input name="transport" type="radio" value="bicycle" onchange="formSetTransport('bicycle' );">
172 <tr><td>Brommer <td><input name="transport" type="radio" value="moped" onchange="formSetTransport('moped' );">
173 <tr><td>Motorfiets <td><input name="transport" type="radio" value="motorcycle" onchange="formSetTransport('motorcycle');">
174 <tr><td>Auto <td><input name="transport" type="radio" value="motorcar" onchange="formSetTransport('motorcar' );">
175 <tr><td>Goederen <td><input name="transport" type="radio" value="goods" onchange="formSetTransport('goods' );">
176 <tr><td>Zwaar transport <td><input name="transport" type="radio" value="hgv" onchange="formSetTransport('hgv' );">
177 <tr><td>Publiek transport<td><input name="transport" type="radio" value="psv" onchange="formSetTransport('psv' );">
178 </table>
179 </div>
180 </div>
181
182 <div class="hideshow_box">
183 <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">+</span>
184 <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">-</span>
185 <span class="hideshow_title">Voorkeur Wegtype</span>
186 <div id="hideshow_highway_div" style="display: none;">
187 <table>
188 <tr><td>Autostrade <td><input name="highway-motorway" type="text" size=3 onchange="formSetHighway('motorway' );"><td>%
189 <tr><td>Autoweg: <td><input name="highway-trunk" type="text" size=3 onchange="formSetHighway('trunk' );"><td>%
190 <tr><td>Provinciale wegen: <td><input name="highway-primary" type="text" size=3 onchange="formSetHighway('primary' );"><td>%
191 <tr><td>Nationale wegen: <td><input name="highway-secondary" type="text" size=3 onchange="formSetHighway('secondary' );"><td>%
192 <tr><td>Doorgangsweg: <td><input name="highway-tertiary" type="text" size=3 onchange="formSetHighway('tertiary' );"><td>%
193 <tr><td>Niet geclassificeerd:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified');"><td>%
194 <tr><td>Woongebied: <td><input name="highway-residential" type="text" size=3 onchange="formSetHighway('residential' );"><td>%
195 <tr><td>Toegangsweg: <td><input name="highway-service" type="text" size=3 onchange="formSetHighway('service' );"><td>%
196 <tr><td>Veldweg: <td><input name="highway-track" type="text" size=3 onchange="formSetHighway('track' );"><td>%
197 <tr><td>Fietspad: <td><input name="highway-cycleway" type="text" size=3 onchange="formSetHighway('cycleway' );"><td>%
198 <tr><td>Pad: <td><input name="highway-path" type="text" size=3 onchange="formSetHighway('path' );"><td>%
199 <tr><td>Trap: <td><input name="highway-steps" type="text" size=3 onchange="formSetHighway('steps' );"><td>%
200 <tr><td>Ferry: <td><input name="highway-ferry" type="text" size=3 onchange="formSetHighway('ferry' );"><td>%
201 </table>
202 </div>
203 </div>
204
205 <div class="hideshow_box">
206 <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">+</span>
207 <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">-</span>
208 <span class="hideshow_title">Snelheidslimieten</span>
209 <div id="hideshow_speed_div" style="display: none;">
210 <table>
211 <tr><td>Autostrade <td><input name="speed-motorway" type="text" size=3 onchange="formSetSpeed('motorway' );"><td>km/hr
212 <tr><td>Autoweg: <td><input name="speed-trunk" type="text" size=3 onchange="formSetSpeed('trunk' );"><td>km/hr
213 <tr><td>Provinciale wegen: <td><input name="speed-primary" type="text" size=3 onchange="formSetSpeed('primary' );"><td>km/hr
214 <tr><td>Nationale wegen: <td><input name="speed-secondary" type="text" size=3 onchange="formSetSpeed('secondary' );"><td>km/hr
215 <tr><td>Doorgangsweg: <td><input name="speed-tertiary" type="text" size=3 onchange="formSetSpeed('tertiary' );"><td>km/hr
216 <tr><td>Niet geclassificeerd:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified');"><td>km/hr
217 <tr><td>Woongebied: <td><input name="speed-residential" type="text" size=3 onchange="formSetSpeed('residential' );"><td>km/hr
218 <tr><td>Toegangsweg: <td><input name="speed-service" type="text" size=3 onchange="formSetSpeed('service' );"><td>km/hr
219 <tr><td>Veldweg: <td><input name="speed-track" type="text" size=3 onchange="formSetSpeed('track' );"><td>km/hr
220 <tr><td>Fietspad: <td><input name="speed-cycleway" type="text" size=3 onchange="formSetSpeed('cycleway' );"><td>km/hr
221 <tr><td>Pad: <td><input name="speed-path" type="text" size=3 onchange="formSetSpeed('path' );"><td>km/hr
222 <tr><td>Trap: <td><input name="speed-steps" type="text" size=3 onchange="formSetSpeed('steps' );"><td>km/hr
223 <tr><td>Ferry: <td><input name="speed-ferry" type="text" size=3 onchange="formSetSpeed('ferry' );"><td>km/hr
224 </table>
225 </div>
226 </div>
227
228 <div class="hideshow_box">
229 <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">+</span>
230 <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">-</span>
231 <span class="hideshow_title">Weg Eigenschappen</span>
232 <div id="hideshow_property_div" style="display: none;">
233 <table>
234 <tr><td>Verhard: <td><input name="property-paved" type="text" size=3 onchange="formSetProperty('paved' );"><td>%
235 <tr><td>Meerdere Stroken:<td><input name="property-multilane" type="text" size=3 onchange="formSetProperty('multilane' );"><td>%
236 <tr><td>Brug: <td><input name="property-bridge" type="text" size=3 onchange="formSetProperty('bridge' );"><td>%
237 <tr><td>Tunnel: <td><input name="property-tunnel" type="text" size=3 onchange="formSetProperty('tunnel' );"><td>%
238 <tr><td>Walking Route: <td><input name="property-footroute" type="text" size=3 onchange="formSetProperty('footroute' );"><td>%
239 <tr><td>Bicycle Route: <td><input name="property-bicycleroute" type="text" size=3 onchange="formSetProperty('bicycleroute');"><td>%
240 </table>
241 </div>
242 </div>
243
244 <div class="hideshow_box">
245 <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">+</span>
246 <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">-</span>
247 <span class="hideshow_title">Andere Beperkingen</span>
248 <div id="hideshow_restriction_div" style="display: none;">
249 <table>
250 <tr><td>Volg Eenrichtingsverkeer:<td><input name="restrict-oneway" type="checkbox" onchange="formSetRestriction('oneway');"><td>
251 <tr><td>Obey turn restrictions: <td><input name="restrict-turns" type="checkbox" onchange="formSetRestriction('turns' );"><td>
252 <tr><td>Gewicht: <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight');"><td> ton
253 <tr><td>Hoogte: <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height');"><td> meter
254 <tr><td>Breedte: <td><input name="restrict-width" type="text" size=3 onchange="formSetRestriction('width' );"><td> meter
255 <tr><td>Lengte: <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length');"><td> meter
256 </table>
257 </div>
258 </div>
259
260 <div class="hideshow_box">
261 <span class="hideshow_title">Zoek Route</span>
262 <input type="button" title="Zoek de kortste route" id="shortest" value="Kortste" onclick="findRoute('shortest');">
263 <input type="button" title="Zoek de snelste route" id="quickest" value="Snelste" onclick="findRoute('quickest');">
264 </div>
265
266 <div class="hideshow_box">
267 <span class="hideshow_title">Links</span>
268 <a id="permalink_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" href="router.html">Permanente link naar deze parameters</a>
269 <br>
270 <a id="edit_url" onmouseover="updateURL(this);" onfocus="updateURL(this);" onclick="updateURL(this);" target="edit" style="display: none;">Lees hoe je OSM data kan inbrengen</a>
271 </div>
272
273 <div class="hideshow_box">
274 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span>
275 <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span>
276 <span class="hideshow_title">Help</span>
277 <div id="hideshow_help_options_div">
278 <div class="scrollable">
279 <b>Quick Start</b>
280 <br>
281 Click op marker-icoontje (Waypoints) om ze op de map te plaatsen (rechts).
282 Sleep ze vervolgens naar de gewenste positie.
283 Het is best om eerst naar straat niveau te zoomen op de kaart.
284 Selecteer het transport type, toegestane weg-types,
285 snelheidslimieten, wegeigenschappen en andere restricties uit de
286 opties.
287 Selecteer "Kortste" of "Snelste" om de route te berekenen en te tekenen op de map.
288 <p>
289 <b>Coordinaten (Waypoints)</b>
290 <br>
291 Click op het marker icoontje, nog eens clicken voor aan/uit.
292 Wanneer de route berekend wordt, zal dit nauwkeurig aansluiten bij de volgorde van deze punten. (rekening houdend met transport type)
293 <p>
294 <b>Transport Type</b>
295 <br>
296 Wanneer je een bepaald transport type kiest wordt bij berekenen
297 route hiermede rekening gehouden.
298 Het transport type bestaat uit een lijst met default waarden voor
299 ieder wegtype.
300 Deze percentages kunnen ook nog eens manueel aangepast worden.
301 <p>
302 <b>Voorkeur Wegtype</b>
303 <br>
304 De voorkeur voor een bepaald type weg wordt uitgedrukt in een percentage.
305 Bijvoorbeeld wanneer u het Transport Type "Fiets" kiest, dan zal er
306 voor Autostrade 0% staan, en voor Fietspad 100%.
307 Wanneer u Autowegen, Nationale wegen wil vermijden of beperken bij
308 het maken van een fietsroute, kan u percentage naar beneden
309 aanpassen.
310 <p>
311 <b>Snelheid limieten</b>
312 <br>
313 De snelheidslimieten worden afgeleid van het type weg. Het is
314 mogelijk dat er voor een bepaalde weg andere beperkingen gelden. In
315 dat geval worden die gekoezen. (het geval dat deze lager zijn dan de
316 default)
317 <p>
318 <b>Weg Eigenschappen</b>
319 <br>
320 Voor het berekenen van de route, kan de de voorkeur gegeven worden
321 aan een bepaalde wegeigenschap.
322 Wanneer u kiest voor 25% verhard, zal er automatisch de voorkeur aan
323 75% onverhard worden gegeven.
324 Ook al is het onverharde stuk 3 X langer, toch kan er dan de
325 voorkeur aan gegeven worden.
326 <p>
327 <b>Andere Beperkingen</b>
328 <br>
329 Deze zullen toelaten dat er een route berekend wordt die rekening
330 houdt met gewicht, hoogte, breedte of lengte.
331 Het is ook mogelijk geen rekening te houden met eenrichtingsverkeer
332 (bijvoorbeeld als voetganger of fietser)
333 </div>
334 </div>
335 </div>
336 </form>
337 </div>
338
339
340 <div class="tab_content" id="tab_results_div" style="display: none;">
341
342 <div class="hideshow_box">
343 <span class="hideshow_title">Status</span>
344 <div id="result_status">
345 <div id="result_status_not_run">
346 <b><i>Router niet in gebruik</i></b>
347 </div>
348 <div id="result_status_running" style="display: none;">
349 <b>Router werkt...</b>
350 </div>
351 <div id="result_status_complete" style="display: none;">
352 <b>Routing voltooid</b>
353 <br>
354 <a id="router_log_complete" target="router_log" href="#">View Details</a>
355 </div>
356 <div id="result_status_error" style="display: none;">
357 <b>Router error</b>
358 <br>
359 <a id="router_log_error" target="router_log" href="#">View Details</a>
360 </div>
361 <div id="result_status_failed" style="display: none;">
362 <b>Router werkt niet</b>
363 </div>
364 </div>
365 </div>
366
367 <div class="hideshow_box">
368 <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">+</span>
369 <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">-</span>
370 <span class="hideshow_title">Kortste Route</span>
371 <div id="shortest_status">
372 <div id="shortest_status_no_info">
373 <b><i>No Information</i></b>
374 </div>
375 <div id="shortest_status_info" style="display: none;">
376 </div>
377 </div>
378 <div id="hideshow_shortest_div" style="display: none;">
379 <div id="shortest_links" style="display: none;">
380 <table>
381 <tr><td>HTML directions: <td><a id="shortest_html" target="shortest_html" href="#">Open Popup</a>
382 <tr><td>GPX track bestand:<td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
383 <tr><td>GPX route bestand:<td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
384 <tr><td>Full text bestand:<td><a id="shortest_text_all" target="shortest_text_all" href="#">Open Popup</a>
385 <tr><td>Text bestand: <td><a id="shortest_text" target="shortest_text" href="#">Open Popup</a>
386 </table>
387 <hr>
388 </div>
389 <div id="shortest_route">
390 </div>
391 </div>
392 </div>
393
394 <div class="hideshow_box">
395 <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">+</span>
396 <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">-</span>
397 <span class="hideshow_title">Snelste Route</span>
398 <div id="quickest_status">
399 <div id="quickest_status_no_info">
400 <b><i>No Information</i></b>
401 </div>
402 <div id="quickest_status_info" style="display: none;">
403 </div>
404 </div>
405 <div id="hideshow_quickest_div" style="display: none;">
406 <div id="quickest_links" style="display: none;">
407 <table>
408 <tr><td>HTML directions: <td><a id="quickest_html" target="quickest_html" href="#">Open Popup</a>
409 <tr><td>GPX track bestand:<td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
410 <tr><td>GPX route bestand:<td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
411 <tr><td>Full text bestand:<td><a id="quickest_text_all" target="quickest_text_all" href="#">Open Popup</a>
412 <tr><td>Text bestand: <td><a id="quickest_text" target="quickest_text" href="#">Open Popup</a>
413 </table>
414 <hr>
415 </div>
416 <div id="quickest_route">
417 </div>
418 </div>
419 </div>
420
421 <div class="hideshow_box">
422 <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">+</span>
423 <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">-</span>
424 <span class="hideshow_title">Help</span>
425 <div id="hideshow_help_route_div">
426 <div class="scrollable">
427 <p>
428 <b>Quick Start</b>
429 <br>
430 Na het berekenen van een route, kan het GPX bestand, of de beschrijving als tekstbestand downloaden.
431 Door met muis over de beschrijving te bewegen, ziet u die ook op de kaart gesitueerd.
432 <p>
433 <b>Problem Solving</b>
434 <br>
435 Als de router eindigt met een fout, dan is de meest waarschijnlijke
436 oorzaak, dat er geen route mogelijk is tussen de gekozen punten.
437 Het verplaatsen van de punten, of het aanpassen van weg-eigenschappen
438 of voertuigtype kan een oplossing bieden.
439 <p>
440 <b>Output Formats</b>
441 <br>
442 <dl>
443 <dt>HTML instructies
444 <dd>Een beschrijving van de route, met de te nemen afslag aan iedere splitsing.
445 <dt>GPX track bestand
446 <dd>Dezelfde informatie die op de kaart wordt weergegeven. Met
447 coordinaten voor ieder knooppunt, en een track voor ieder segment.
448 <dt>GPX route bestand
449 <dd>Dezelfde informatie dat is opgenomen in de tekst van de route,
450 met een coordinaat voor iedere belangrijke splitsing.
451 <dt>Full text bestand
452 <dd>Een lijst met alle coordinaten, met de afstand hier tussen. En
453 een cumulatieve afstand voor iedere stap op de route.
454 <dt>Text bestand
455 <dd>Dezelfde informatie als wordt weergegeven in de tekst voor de route.
456 </dl>
457 </div>
458 </div>
459 </div>
460 </div>
461
462
463 <div class="tab_content" id="tab_data_div" style="display: none;">
464 <div class="hideshow_box">
465 <span class="hideshow_title">Statistics</span>
466 <div id="statistics_data"></div>
467 <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
468 </div>
469
470 <div class="hideshow_box">
471 <span class="hideshow_title">Visualiser</span>
472 Om te kijken hoe routino omgaat met de basisdata, is er een tooltje dat de onderliggende data toont op verschillende manieren.
473 <br>
474 <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>
475 </div>
476 </div>
477
478 </div>
479
480 <!-- Right hand side of window - map -->
481
482 <div class="right_panel">
483 <div class="map" id="map">
484 <noscript>
485 Javascript is <em>required</em> to use this web page because of the
486 interactive map.
487 </noscript>
488 </div>
489 <div class="attribution">
490 Router: <a href="http://www.routino.org/" target="routino">Routino</a>
491 |
492 Geo Data: <span id="attribution_data"></span>
493 |
494 Tiles: <span id="attribution_tile"></span>
495 </div>
496 </div>
497
498 </BODY>
499
500 </HTML>