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 1480 - (show annotations) (download)
Fri Jan 3 12:00:28 2014 UTC (11 years, 2 months ago) by amb
File size: 28996 byte(s)
Squeeze out a bit more space for the waypoint coords/name.

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