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

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1001 - (hide annotations) (download)
Tue Jun 5 08:17:57 2012 UTC (12 years, 9 months ago) by amb
File size: 28663 byte(s)
Add a button to replace the lat/long text entry with a location search entry.
Use Nominatim service via CGI to get first search result and fill in coords.

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