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 1515 - (hide annotations) (download)
Sun Feb 23 15:48:10 2014 UTC (11 years ago) by amb
File size: 36498 byte(s)
Add buttons to allow increasing/decreasing the transport properties and
preferences (to help on tablet devices where typing a number in a box is hard).

1 amb 585 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 amb 1470 <html>
3 amb 585
4 amb 1470 <head>
5 amb 1257 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6     <meta name="keywords" content="openstreetmap routing route planner">
7 amb 1477 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no">
8 amb 1257
9     <title>Routino : Route Planner for OpenStreetMap Data</title>
10    
11 amb 585 <!--
12     Routino router web page.
13    
14     Part of the Routino routing software.
15    
16 amb 1480 This file Copyright 2008-2014 Andrew M. Bishop
17 amb 585
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     <!-- Page elements -->
35     <script src="page-elements.js" type="text/javascript"></script>
36     <link href="page-elements.css" type="text/css" rel="stylesheet">
37    
38     <!-- Router and visualiser shared features -->
39     <link href="maplayout.css" type="text/css" rel="stylesheet">
40    
41     <!-- Router specific features -->
42 amb 635 <script src="profiles.js" type="text/javascript"></script>
43 amb 1491 <link href="router.css" type="text/css" rel="stylesheet">
44    
45     <!-- Map parameters -->
46 amb 933 <script src="mapprops.js" type="text/javascript"></script>
47 amb 1491
48     <!-- Map loader -->
49     <script src="maploader.js" type="text/javascript"></script>
50    
51 amb 1470 </head>
52 amb 1491 <body onload="map_load('html_init();map_init();form_init();');">
53 amb 585
54     <!-- Left hand side of window - data panel -->
55    
56     <div class="left_panel">
57    
58     <div class="tab_box">
59     <span id="tab_options" onclick="tab_select('options');" class="tab_selected" title="Set routing options">Opties</span>
60     <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Resultaten</span>
61     <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
62     </div>
63    
64     <div class="tab_content" id="tab_options_div">
65    
66 amb 1476 <form name="form" id="form" action="#" method="get" onsubmit="return false;">
67 amb 585 <div class="hideshow_box">
68     <span class="hideshow_title">Routino OpenStreetMap Router</span>
69     Zoom naar straatniveau.
70     Selecteer start- and eindpunten onder Coordinaten. (click op het marker
71     icoon links, schuif het op map naar gewenste positie).
72 amb 1475 <div class="center">
73 amb 585 <a target="other" href="http://www.routino.org/">Routino Website</a>
74     |
75     <a target="other" href="documentation/">Documentation</a>
76     </div>
77     </div>
78    
79     <div class="hideshow_box">
80 amb 932 <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">+</span>
81     <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">-</span>
82 amb 585 <span class="hideshow_title">Taal (Language)</span>
83    
84     <!-- Note for translations: Only this HTML file needs to be translated, the Javascript has
85     no language specific information in it. Only the body text and title attributes should
86     be changed, the values passed to the JavaScript and the element names must not be changed.
87     The selection below changes the language option passed to the router and selects the
88     output language not the web page language, the links are for that. The router itself uses
89     the translations.xml file for the translated versions of the output. -->
90    
91     <div id="hideshow_language_div" style="display: none;">
92     <table>
93     <tr>
94 amb 1486 <td><a id="lang_nl_url" href="router.html.nl" title="Nederlandse web pagina">Nederlands</a>
95 amb 585 <td>(NL)
96 amb 1324 <td><input name="language" type="radio" value="nl" onchange="formSetLanguage();" checked>
97 amb 585 <tr>
98 amb 1486 <td><a id="lang_en_url" href="router.html.en" title="Engelstalige web pagina">English</a>
99 amb 585 <td>(EN)
100 amb 1324 <td><input name="language" type="radio" value="en" onchange="formSetLanguage();">
101 amb 585 <tr>
102 amb 1488 <td><a id="lang_fr_url" href="router.html.fr" title="French language web page">French</a>
103     <td>(FR)
104     <td><input name="language" type="radio" value="fr" onchange="formSetLanguage();">
105     <tr>
106 amb 1486 <td><a id="lang_de_url" href="router.html.de" title="Deutsche Webseite">German</a>
107 amb 585 <td>(DE)
108 amb 1324 <td><input name="language" type="radio" value="de" onchange="formSetLanguage();">
109 amb 902 <tr>
110     <td>Russian
111     <td>(RU)
112 amb 1324 <td><input name="language" type="radio" value="ru" onchange="formSetLanguage();">
113 amb 585 </table>
114     </div>
115     </div>
116    
117     <div class="hideshow_box">
118 amb 932 <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 amb 585 <span class="hideshow_title">Coordinaten (waypoints)</span>
121     <div id="hideshow_waypoint_div">
122 amb 987 <table id="waypoints">
123 amb 1056 <colgroup>
124 amb 1480 <col style="width: 22px;">
125 amb 1056 <col>
126     <col style="width: 76px;">
127     </colgroup>
128 amb 1005 <tr id="waypointXXX" style="display: none;">
129 amb 585 <td>
130 amb 1480 <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);">
131 amb 585 <td>
132 amb 1001 <span id="coordsXXX">
133 amb 1040 <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 amb 1001 </span>
136 amb 1007 <span id="searchXXX" style="display: none;">
137 amb 1040 <input name="searchXXX" type="text" size="18" title="Waypoint XXX Location"> <!-- uses Javascript event for triggering -->
138 amb 1001 </span>
139 amb 585 <td>
140 amb 1001 <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 amb 987 <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 amb 992 <img alt="+" src="icons/waypoint-add.png" title="Voeg hierna punt toe" onmousedown="markerAddAfter(XXX);">
145     <br>
146 amb 1001 <img alt="#" src="icons/waypoint-coords.png" title="Coordinates for location" onmousedown="markerCoords(XXX);" >
147 amb 987 <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 amb 1005 <tr id="searchresultsXXX" style="display: none;">
152 amb 1010 <td colspan="3">
153 amb 987 <!-- The waypoints are inserted by the JavaScript, see the "maxmarkers" variable in router.js. -->
154 amb 585 <tr>
155 amb 1475 <td colspan="3" class="center">
156 amb 1038 <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 amb 585 </table>
159     </div>
160     </div>
161    
162     <div class="hideshow_box">
163 amb 932 <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 amb 585 <span class="hideshow_title">Transport Type</span>
166     <div id="hideshow_transport_div">
167     <table>
168 amb 1324 <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 amb 585 </table>
179     </div>
180     </div>
181    
182     <div class="hideshow_box">
183 amb 932 <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 amb 585 <span class="hideshow_title">Voorkeur Wegtype</span>
186     <div id="hideshow_highway_div" style="display: none;">
187     <table>
188 amb 1515 <tr><td>Autostrade <td><input name="highway-motorway" type="text" size="3" onchange="formSetHighway('motorway' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('motorway' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('motorway' ,'+');">
189     <tr><td>Autoweg: <td><input name="highway-trunk" type="text" size="3" onchange="formSetHighway('trunk' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('trunk' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('trunk' ,'+');">
190     <tr><td>Provinciale wegen: <td><input name="highway-primary" type="text" size="3" onchange="formSetHighway('primary' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('primary' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('primary' ,'+');">
191     <tr><td>Nationale wegen: <td><input name="highway-secondary" type="text" size="3" onchange="formSetHighway('secondary' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('secondary' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('secondary' ,'+');">
192     <tr><td>Doorgangsweg: <td><input name="highway-tertiary" type="text" size="3" onchange="formSetHighway('tertiary' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('tertiary' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('tertiary' ,'+');">
193     <tr><td>Niet geclassificeerd:<td><input name="highway-unclassified" type="text" size="3" onchange="formSetHighway('unclassified','=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('unclassified','-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('unclassified','+');">
194     <tr><td>Woongebied: <td><input name="highway-residential" type="text" size="3" onchange="formSetHighway('residential' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('residential' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('residential' ,'+');">
195     <tr><td>Toegangsweg: <td><input name="highway-service" type="text" size="3" onchange="formSetHighway('service' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('service' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('service' ,'+');">
196     <tr><td>Veldweg: <td><input name="highway-track" type="text" size="3" onchange="formSetHighway('track' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('track' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('track' ,'+');">
197     <tr><td>Fietspad: <td><input name="highway-cycleway" type="text" size="3" onchange="formSetHighway('cycleway' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('cycleway' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('cycleway' ,'+');">
198     <tr><td>Pad: <td><input name="highway-path" type="text" size="3" onchange="formSetHighway('path' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('path' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('path' ,'+');">
199     <tr><td>Trap: <td><input name="highway-steps" type="text" size="3" onchange="formSetHighway('steps' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('steps' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('steps' ,'+');">
200     <tr><td>Ferry: <td><input name="highway-ferry" type="text" size="3" onchange="formSetHighway('ferry' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetHighway('ferry' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetHighway('ferry' ,'+');">
201 amb 585 </table>
202     </div>
203     </div>
204    
205     <div class="hideshow_box">
206 amb 932 <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 amb 585 <span class="hideshow_title">Snelheidslimieten</span>
209     <div id="hideshow_speed_div" style="display: none;">
210     <table>
211 amb 1515 <tr><td>Autostrade <td><input name="speed-motorway" type="text" size="3" onchange="formSetSpeed('motorway' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('motorway' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('motorway' ,'+');">
212     <tr><td>Autoweg: <td><input name="speed-trunk" type="text" size="3" onchange="formSetSpeed('trunk' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('trunk' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('trunk' ,'+');">
213     <tr><td>Provinciale wegen: <td><input name="speed-primary" type="text" size="3" onchange="formSetSpeed('primary' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('primary' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('primary' ,'+');">
214     <tr><td>Nationale wegen: <td><input name="speed-secondary" type="text" size="3" onchange="formSetSpeed('secondary' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('secondary' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('secondary' ,'+');">
215     <tr><td>Doorgangsweg: <td><input name="speed-tertiary" type="text" size="3" onchange="formSetSpeed('tertiary' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('tertiary' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('tertiary' ,'+');">
216     <tr><td>Niet geclassificeerd:<td><input name="speed-unclassified" type="text" size="3" onchange="formSetSpeed('unclassified','=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('unclassified','-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('unclassified','+');">
217     <tr><td>Woongebied: <td><input name="speed-residential" type="text" size="3" onchange="formSetSpeed('residential' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('residential' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('residential' ,'+');">
218     <tr><td>Toegangsweg: <td><input name="speed-service" type="text" size="3" onchange="formSetSpeed('service' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('service' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('service' ,'+');">
219     <tr><td>Veldweg: <td><input name="speed-track" type="text" size="3" onchange="formSetSpeed('track' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('track' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('track' ,'+');">
220     <tr><td>Fietspad: <td><input name="speed-cycleway" type="text" size="3" onchange="formSetSpeed('cycleway' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('cycleway' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('cycleway' ,'+');">
221     <tr><td>Pad: <td><input name="speed-path" type="text" size="3" onchange="formSetSpeed('path' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('path' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('path' ,'+');">
222     <tr><td>Trap: <td><input name="speed-steps" type="text" size="3" onchange="formSetSpeed('steps' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('steps' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('steps' ,'+');">
223     <tr><td>Ferry: <td><input name="speed-ferry" type="text" size="3" onchange="formSetSpeed('ferry' ,'=');"><td>km/hr<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetSpeed('ferry' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetSpeed('ferry' ,'+');">
224 amb 585 </table>
225     </div>
226     </div>
227    
228     <div class="hideshow_box">
229 amb 932 <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 amb 585 <span class="hideshow_title">Weg Eigenschappen</span>
232     <div id="hideshow_property_div" style="display: none;">
233     <table>
234 amb 1515 <tr><td>Verhard: <td><input name="property-paved" type="text" size="3" onchange="formSetProperty('paved' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetProperty('paved' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetProperty('paved' ,'+');">
235     <tr><td>Meerdere Stroken:<td><input name="property-multilane" type="text" size="3" onchange="formSetProperty('multilane' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetProperty('multilane' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetProperty('multilane' ,'+');">
236     <tr><td>Brug: <td><input name="property-bridge" type="text" size="3" onchange="formSetProperty('bridge' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetProperty('bridge' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetProperty('bridge' ,'+');">
237     <tr><td>Tunnel: <td><input name="property-tunnel" type="text" size="3" onchange="formSetProperty('tunnel' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetProperty('tunnel' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetProperty('tunnel' ,'+');">
238     <tr><td>Walking Route: <td><input name="property-footroute" type="text" size="3" onchange="formSetProperty('footroute' ,'=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetProperty('footroute' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetProperty('footroute' ,'+');">
239     <tr><td>Bicycle Route: <td><input name="property-bicycleroute" type="text" size="3" onchange="formSetProperty('bicycleroute','=');"><td>%<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetProperty('bicycleroute','-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetProperty('bicycleroute','+');">
240 amb 585 </table>
241     </div>
242     </div>
243    
244     <div class="hideshow_box">
245 amb 932 <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 amb 585 <span class="hideshow_title">Andere Beperkingen</span>
248     <div id="hideshow_restriction_div" style="display: none;">
249     <table>
250 amb 1515 <tr><td>Volg Eenrichtingsverkeer:<td><input name="restrict-oneway" type="checkbox" onchange="formSetRestriction('oneway');">
251     <tr><td>Obey turn restrictions: <td><input name="restrict-turns" type="checkbox" onchange="formSetRestriction('turns' );">
252 amb 585 </table>
253 amb 1515 <table>
254     <tr><td>Gewicht:<td><input name="restrict-weight" type="text" size="3" onchange="formSetRestriction('weight','=');"><td>ton <td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetRestriction('weight','-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetRestriction('weight','+');">
255     <tr><td>Hoogte: <td><input name="restrict-height" type="text" size="3" onchange="formSetRestriction('height','=');"><td>meter<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetRestriction('height','-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetRestriction('height','+');">
256     <tr><td>Breedte:<td><input name="restrict-width" type="text" size="3" onchange="formSetRestriction('width' ,'=');"><td>meter<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetRestriction('width' ,'-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetRestriction('width' ,'+');">
257     <tr><td>Lengte: <td><input name="restrict-length" type="text" size="3" onchange="formSetRestriction('length','=');"><td>meter<td><img alt="<" src="icons/waypoint-left.png" title="-" onmousedown="formSetRestriction('length','-');">&ndash;/+<img alt=">" src="icons/waypoint-right.png" title="+" onmousedown="formSetRestriction('length','+');">
258     </table>
259 amb 585 </div>
260     </div>
261    
262     <div class="hideshow_box">
263     <span class="hideshow_title">Zoek Route</span>
264     <input type="button" title="Zoek de kortste route" id="shortest" value="Kortste" onclick="findRoute('shortest');">
265     <input type="button" title="Zoek de snelste route" id="quickest" value="Snelste" onclick="findRoute('quickest');">
266     </div>
267    
268     <div class="hideshow_box">
269     <span class="hideshow_title">Links</span>
270 amb 1486 <a id="permalink_url" href="router.html">Permanente link naar deze parameters</a>
271 amb 585 <br>
272 amb 1486 <a id="edit_url" target="edit" style="display: none;">Lees hoe je OSM data kan inbrengen</a>
273 amb 585 </div>
274    
275     <div class="hideshow_box">
276 amb 932 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span>
277     <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span>
278 amb 585 <span class="hideshow_title">Help</span>
279     <div id="hideshow_help_options_div">
280     <div class="scrollable">
281     <b>Quick Start</b>
282     <br>
283     Click op marker-icoontje (Waypoints) om ze op de map te plaatsen (rechts).
284     Sleep ze vervolgens naar de gewenste positie.
285     Het is best om eerst naar straat niveau te zoomen op de kaart.
286     Selecteer het transport type, toegestane weg-types,
287     snelheidslimieten, wegeigenschappen en andere restricties uit de
288     opties.
289     Selecteer "Kortste" of "Snelste" om de route te berekenen en te tekenen op de map.
290     <p>
291     <b>Coordinaten (Waypoints)</b>
292     <br>
293     Click op het marker icoontje, nog eens clicken voor aan/uit.
294     Wanneer de route berekend wordt, zal dit nauwkeurig aansluiten bij de volgorde van deze punten. (rekening houdend met transport type)
295     <p>
296     <b>Transport Type</b>
297     <br>
298     Wanneer je een bepaald transport type kiest wordt bij berekenen
299     route hiermede rekening gehouden.
300     Het transport type bestaat uit een lijst met default waarden voor
301     ieder wegtype.
302     Deze percentages kunnen ook nog eens manueel aangepast worden.
303     <p>
304     <b>Voorkeur Wegtype</b>
305     <br>
306     De voorkeur voor een bepaald type weg wordt uitgedrukt in een percentage.
307     Bijvoorbeeld wanneer u het Transport Type "Fiets" kiest, dan zal er
308     voor Autostrade 0% staan, en voor Fietspad 100%.
309     Wanneer u Autowegen, Nationale wegen wil vermijden of beperken bij
310     het maken van een fietsroute, kan u percentage naar beneden
311     aanpassen.
312     <p>
313     <b>Snelheid limieten</b>
314     <br>
315     De snelheidslimieten worden afgeleid van het type weg. Het is
316     mogelijk dat er voor een bepaalde weg andere beperkingen gelden. In
317     dat geval worden die gekoezen. (het geval dat deze lager zijn dan de
318     default)
319     <p>
320     <b>Weg Eigenschappen</b>
321     <br>
322     Voor het berekenen van de route, kan de de voorkeur gegeven worden
323     aan een bepaalde wegeigenschap.
324     Wanneer u kiest voor 25% verhard, zal er automatisch de voorkeur aan
325     75% onverhard worden gegeven.
326     Ook al is het onverharde stuk 3 X langer, toch kan er dan de
327     voorkeur aan gegeven worden.
328     <p>
329     <b>Andere Beperkingen</b>
330     <br>
331     Deze zullen toelaten dat er een route berekend wordt die rekening
332     houdt met gewicht, hoogte, breedte of lengte.
333     Het is ook mogelijk geen rekening te houden met eenrichtingsverkeer
334     (bijvoorbeeld als voetganger of fietser)
335     </div>
336     </div>
337     </div>
338     </form>
339     </div>
340    
341    
342     <div class="tab_content" id="tab_results_div" style="display: none;">
343    
344     <div class="hideshow_box">
345     <span class="hideshow_title">Status</span>
346     <div id="result_status">
347 amb 629 <div id="result_status_not_run">
348     <b><i>Router niet in gebruik</i></b>
349     </div>
350     <div id="result_status_running" style="display: none;">
351     <b>Router werkt...</b>
352     </div>
353     <div id="result_status_complete" style="display: none;">
354     <b>Routing voltooid</b>
355     <br>
356     <a id="router_log_complete" target="router_log" href="#">View Details</a>
357     </div>
358     <div id="result_status_error" style="display: none;">
359     <b>Router error</b>
360     <br>
361     <a id="router_log_error" target="router_log" href="#">View Details</a>
362     </div>
363     <div id="result_status_failed" style="display: none;">
364     <b>Router werkt niet</b>
365     </div>
366 amb 585 </div>
367     </div>
368    
369     <div class="hideshow_box">
370 amb 932 <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">+</span>
371     <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">-</span>
372 amb 585 <span class="hideshow_title">Kortste Route</span>
373     <div id="shortest_status">
374 amb 935 <div id="shortest_status_no_info">
375     <b><i>No Information</i></b>
376     </div>
377     <div id="shortest_status_info" style="display: none;">
378     </div>
379 amb 585 </div>
380     <div id="hideshow_shortest_div" style="display: none;">
381     <div id="shortest_links" style="display: none;">
382     <table>
383     <tr><td>HTML directions: <td><a id="shortest_html" target="shortest_html" href="#">Open Popup</a>
384     <tr><td>GPX track bestand:<td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
385     <tr><td>GPX route bestand:<td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
386     <tr><td>Full text bestand:<td><a id="shortest_text_all" target="shortest_text_all" href="#">Open Popup</a>
387     <tr><td>Text bestand: <td><a id="shortest_text" target="shortest_text" href="#">Open Popup</a>
388     </table>
389     <hr>
390     </div>
391     <div id="shortest_route">
392     </div>
393     </div>
394     </div>
395    
396     <div class="hideshow_box">
397 amb 932 <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">+</span>
398     <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">-</span>
399 amb 585 <span class="hideshow_title">Snelste Route</span>
400     <div id="quickest_status">
401 amb 935 <div id="quickest_status_no_info">
402     <b><i>No Information</i></b>
403     </div>
404     <div id="quickest_status_info" style="display: none;">
405     </div>
406 amb 585 </div>
407     <div id="hideshow_quickest_div" style="display: none;">
408     <div id="quickest_links" style="display: none;">
409     <table>
410     <tr><td>HTML directions: <td><a id="quickest_html" target="quickest_html" href="#">Open Popup</a>
411     <tr><td>GPX track bestand:<td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
412     <tr><td>GPX route bestand:<td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
413     <tr><td>Full text bestand:<td><a id="quickest_text_all" target="quickest_text_all" href="#">Open Popup</a>
414     <tr><td>Text bestand: <td><a id="quickest_text" target="quickest_text" href="#">Open Popup</a>
415     </table>
416     <hr>
417     </div>
418     <div id="quickest_route">
419     </div>
420     </div>
421     </div>
422    
423     <div class="hideshow_box">
424 amb 932 <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">+</span>
425     <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">-</span>
426 amb 585 <span class="hideshow_title">Help</span>
427     <div id="hideshow_help_route_div">
428     <div class="scrollable">
429     <p>
430     <b>Quick Start</b>
431     <br>
432     Na het berekenen van een route, kan het GPX bestand, of de beschrijving als tekstbestand downloaden.
433     Door met muis over de beschrijving te bewegen, ziet u die ook op de kaart gesitueerd.
434 amb 1007 <p>
435 amb 585 <b>Problem Solving</b>
436     <br>
437     Als de router eindigt met een fout, dan is de meest waarschijnlijke
438     oorzaak, dat er geen route mogelijk is tussen de gekozen punten.
439     Het verplaatsen van de punten, of het aanpassen van weg-eigenschappen
440     of voertuigtype kan een oplossing bieden.
441 amb 1007 <p>
442 amb 585 <b>Output Formats</b>
443     <br>
444 amb 1007 <dl>
445 amb 585 <dt>HTML instructies
446     <dd>Een beschrijving van de route, met de te nemen afslag aan iedere splitsing.
447     <dt>GPX track bestand
448     <dd>Dezelfde informatie die op de kaart wordt weergegeven. Met
449     coordinaten voor ieder knooppunt, en een track voor ieder segment.
450     <dt>GPX route bestand
451     <dd>Dezelfde informatie dat is opgenomen in de tekst van de route,
452     met een coordinaat voor iedere belangrijke splitsing.
453     <dt>Full text bestand
454     <dd>Een lijst met alle coordinaten, met de afstand hier tussen. En
455     een cumulatieve afstand voor iedere stap op de route.
456     <dt>Text bestand
457     <dd>Dezelfde informatie als wordt weergegeven in de tekst voor de route.
458     </dl>
459     </div>
460     </div>
461     </div>
462     </div>
463    
464    
465     <div class="tab_content" id="tab_data_div" style="display: none;">
466     <div class="hideshow_box">
467     <span class="hideshow_title">Statistics</span>
468     <div id="statistics_data"></div>
469     <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
470     </div>
471    
472     <div class="hideshow_box">
473     <span class="hideshow_title">Visualiser</span>
474     Om te kijken hoe routino omgaat met de basisdata, is er een tooltje dat de onderliggende data toont op verschillende manieren.
475     <br>
476 amb 1486 <a id="visualiser_url" href="visualiser.html" target="visualiser">Custom link to this map view</a>
477 amb 585 </div>
478     </div>
479    
480     </div>
481    
482     <!-- Right hand side of window - map -->
483    
484     <div class="right_panel">
485     <div class="map" id="map">
486     <noscript>
487 amb 1470 <p>
488     Javascript is <em>required</em> to use this web page because of the
489     interactive map.
490 amb 585 </noscript>
491     </div>
492     <div class="attribution">
493 amb 1239 Router: <a href="http://www.routino.org/" target="routino">Routino</a>
494 amb 585 |
495 amb 1239 Geo Data: <span id="attribution_data"></span>
496     |
497     Tiles: <span id="attribution_tile"></span>
498 amb 585 </div>
499     </div>
500    
501 amb 1470 </body>
502 amb 1257
503 amb 1470 </html>