git.maemo.org Git - routino/blob - web/www/routino/router.html.nl

   1 <!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  This file Copyright 2008-2010 Andrew M. Bishop
  10
  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 <script src="router.js" type="text/javascript"></script>
  50 <link href="router.css" type="text/css" rel="stylesheet">
  51
  52 </HEAD>
  53 <BODY onload="map_init('lat','lon','zoom');form_init();block_return_key();">
  54
  55 <!-- Left hand side of window - data panel -->
  56
  57 <div class="left_panel">
  58
  59   <div class="tab_box">
  60     <span id="tab_options" onclick="tab_select('options');" class="tab_selected"   title="Set routing options">Opties</span>
  61     <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Resultaten</span>
  62     <span id="tab_data"    onclick="tab_select('data');"    class="tab_unselected" title="View database information">Data</span>
  63   </div>
  64
  65   <div class="tab_content" id="tab_options_div">
  66
  67     <form name="form" id="form" action="router.cgi" method="get">
  68       <div class="hideshow_box">
  69         <span class="hideshow_title">Routino OpenStreetMap Router</span>
  70         Zoom naar straatniveau.
  71         Selecteer start- and eindpunten onder Coordinaten. (click op het marker
  72         icoon links, schuif het op map naar gewenste positie).
  73         <div align="center">
  74           <a target="other" href="http://www.routino.org/">Routino Website</a>
  75           |
  76           <a target="other" href="documentation/">Documentation</a>
  77         </div>
  78       </div>
  79
  80       <div class="hideshow_box">
  81         <span id="hideshow_language_show" onclick="hideshow_show('language');" class="hideshow_show">Laat zien</span>
  82         <span id="hideshow_language_hide" onclick="hideshow_hide('language');" class="hideshow_hide">Verberg</span>
  83         <span class="hideshow_title">Taal (Language)</span>
  84
  85         <!-- Note for translations: Only this HTML file needs to be translated, the Javascript has
  86              no language specific information in it.  Only the body text and title attributes should
  87              be changed, the values passed to the JavaScript and the element names must not be changed.
  88              The selection below changes the language option passed to the router and selects the
  89              output language not the web page language, the links are for that.  The router itself uses
  90              the translations.xml file for the translated versions of the output. -->
  91
  92         <div id="hideshow_language_div" style="display: none;">
  93           <table>
  94             <tr>
  95               <td><a href="router.html.nl" title="Nederlandse web pagina">Nederlands</a>
  96               <td>(NL)
  97               <td><input name="language" type="radio" value="nl" onchange="formSetLanguage('nl')" checked><!-- language -->
  98             <tr>
  99               <td><a href="router.html.en" title="Engelstalige web pagina">English</a>
 100               <td>(EN)
 101               <td><input name="language" type="radio" value="en" onchange="formSetLanguage('en')" ><!-- language -->
 102             <tr>
 103               <td>German
 104               <td>(DE)
 105               <td><input name="language" type="radio" value="de" onchange="formSetLanguage('de')"><!-- language -->
 106           </table>
 107         </div>
 108       </div>
 109
 110       <div class="hideshow_box">
 111         <span id="hideshow_waypoint_show" onclick="hideshow_show('waypoint');" class="hideshow_hide">Laat zien</span>
 112         <span id="hideshow_waypoint_hide" onclick="hideshow_hide('waypoint');" class="hideshow_show">Verberg</span>
 113         <span class="hideshow_title">Coordinaten (waypoints)</span>
 114         <div id="hideshow_waypoint_div">
 115           <table>
 116             <tr id="point1">
 117               <td>
 118                 <img name="waypoint1" src="icons/marker-1-grey.png" title="Waypoint 1 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 1" onmousedown="markerToggleMap(1)">&nbsp;
 119               <td>
 120                 <input name="lon1" type="text" size=7 title="Waypoint 1 Longitude" onchange="formSetCoords(1);"><!-- lon1 --> E&nbsp;
 121               <td>
 122                 <input name="lat1" type="text" size=7 title="Waypoint 1 Latitude"  onchange="formSetCoords(1);"><!-- lat1 --> N&nbsp;
 123               <td>
 124                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(1);"  >
 125                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(1);"  >
 126                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(1);"><br>
 127                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(1);"    >
 128                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(1);">
 129                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(1);"  >
 130             <tr id="point2">
 131               <td>
 132                 <img name="waypoint2" src="icons/marker-2-grey.png" title="Waypoint 2 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 2" onmousedown="markerToggleMap(2)">&nbsp;
 133               <td>
 134                 <input name="lon2" type="text" size=7 title="Waypoint 2 Longitude" onchange="formSetCoords(2);"><!-- lon2 --> E&nbsp;
 135               <td>
 136                 <input name="lat2" type="text" size=7 title="Waypoint 2 Latitude"  onchange="formSetCoords(2);"><!-- lat2 --> N&nbsp;
 137               <td>
 138                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(2);">
 139                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(2);"  >
 140                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(2);"><br>
 141                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(2);"    >
 142                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(2);">
 143                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(2);"  >
 144             <tr id="point3">
 145               <td>
 146                 <img name="waypoint3" src="icons/marker-3-grey.png" title="Waypoint 3 Position - (click voor plaatsen/verwijderen on map)" alt="Waypoint 3" onmousedown="markerToggleMap(3)">&nbsp;
 147               <td>
 148                 <input name="lon3" type="text" size=7 title="Waypoint 3 Longitude" onchange="formSetCoords(3);"><!-- lon3 --> E&nbsp;
 149               <td>
 150                 <input name="lat3" type="text" size=7 title="Waypoint 3 Latitude"  onchange="formSetCoords(3);"><!-- lat3 --> N&nbsp;
 151               <td>
 152                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(3);">
 153                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(3);"  >
 154                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(3);"><br>
 155                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(3);"    >
 156                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(3);">
 157                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(3);"  >
 158             <tr id="point4">
 159               <td>
 160                 <img name="waypoint4" src="icons/marker-4-grey.png" title="Waypoint 4 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 4" onmousedown="markerToggleMap(4)">&nbsp;
 161               <td>
 162                 <input name="lon4" type="text" size=7 title="Waypoint 4 Longitude" onchange="formSetCoords(4);"><!-- lon4 --> E&nbsp;
 163               <td>
 164                 <input name="lat4" type="text" size=7 title="Waypoint 4 Latitude"  onchange="formSetCoords(4);"><!-- lat4 --> N&nbsp;
 165               <td>
 166                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(4);">
 167                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(4);"  >
 168                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(4);"><br>
 169                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(4);"    >
 170                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(4);">
 171                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(4);"  >
 172             <tr id="point5">
 173               <td>
 174                 <img name="waypoint5" src="icons/marker-5-grey.png" title="Waypoint 5 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 5" onmousedown="markerToggleMap(5)">&nbsp;
 175               <td>
 176                 <input name="lon5" type="text" size=7 title="Waypoint 5 Longitude" onchange="formSetCoords(5);"><!-- lon5 --> E&nbsp;
 177               <td>
 178                 <input name="lat5" type="text" size=7 title="Waypoint 5 Latitude"  onchange="formSetCoords(5);"><!-- lat5 --> N&nbsp;
 179               <td>
 180                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(5);">
 181                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(5);"  >
 182                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(5);"><br>
 183                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(5);"    >
 184                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(5);">
 185                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(5);"  >
 186             <tr id="point6">
 187               <td>
 188                 <img name="waypoint6" src="icons/marker-6-grey.png" title="Waypoint 6 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 6" onmousedown="markerToggleMap(6)">&nbsp;
 189               <td>
 190                 <input name="lon6" type="text" size=7 title="Waypoint 6 Longitude" onchange="formSetCoords(6);"><!-- lon6 --> E&nbsp;
 191               <td>
 192                 <input name="lat6" type="text" size=7 title="Waypoint 6 Latitude"  onchange="formSetCoords(6);"><!-- lat6 --> N&nbsp;
 193               <td>
 194                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(6);">
 195                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(6);"  >
 196                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(6);"><br>
 197                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(6);"    >
 198                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(6);">
 199                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(6);"  >
 200             <tr id="point7">
 201               <td>
 202                 <img name="waypoint7" src="icons/marker-7-grey.png" title="Waypoint 7 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 7" onmousedown="markerToggleMap(7)">&nbsp;
 203               <td>
 204                 <input name="lon7" type="text" size=7 title="Waypoint 7 Longitude" onchange="formSetCoords(7);"><!-- lon7 --> E&nbsp;
 205               <td>
 206                 <input name="lat7" type="text" size=7 title="Waypoint 7 Latitude"  onchange="formSetCoords(7);"><!-- lat7 --> N&nbsp;
 207               <td>
 208                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(7);">
 209                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(7);"  >
 210                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(7);"><br>
 211                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(7);"    >
 212                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(7);">
 213                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(7);"  >
 214             <tr id="point8">
 215               <td>
 216                 <img name="waypoint8" src="icons/marker-8-grey.png" title="Waypoint 8 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 8" onmousedown="markerToggleMap(8)">&nbsp;
 217               <td>
 218                 <input name="lon8" type="text" size=7 title="Waypoint 8 Longitude" onchange="formSetCoords(8);"><!-- lon8 --> E&nbsp;
 219               <td>
 220                 <input name="lat8" type="text" size=7 title="Waypoint 8 Latitude"  onchange="formSetCoords(8);"><!-- lat8 --> N&nbsp;
 221               <td>
 222                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(8);">
 223                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(8);"  >
 224                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(8);"><br>
 225                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(8);"    >
 226                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(8);">
 227                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(8);"  >
 228             <tr id="point9">
 229               <td>
 230                 <img name="waypoint9" src="icons/marker-9-grey.png" title="Waypoint 9 Position - (click voor plaatsen/verwijderen op map)" alt="Waypoint 9" onmousedown="markerToggleMap(9)">&nbsp;
 231               <td>
 232                 <input name="lon9" type="text" size=7 title="Waypoint 9 Longitude" onchange="formSetCoords(9);"><!-- lon9 --> E&nbsp;
 233               <td>
 234                 <input name="lat9" type="text" size=7 title="Waypoint 9 Latitude"  onchange="formSetCoords(9);"><!-- lat9 --> N&nbsp;
 235               <td>
 236                 <img alt="o" src="icons/waypoint-centre.png" title="Centreer dit punt op map"     onmousedown="markerCentre(9);">
 237                 <img alt="^" src="icons/waypoint-up.png"     title="Beweeg dit punt naar boven"   onmousedown="markerMoveUp(9);"  >
 238                 <img alt="+" src="icons/waypoint-add.png"    title="Voeg hierna punt toe"         onmousedown="markerAddAfter(9);"><br>
 239                 <img alt="~" src="icons/waypoint-home.png"   title="Toggle als thuis locatie"     onmousedown="markerHome(9);"    >
 240                 <img alt="v" src="icons/waypoint-down.png"   title="Beweeg dit punt naar beneden" onmousedown="markerMoveDown(9);">
 241                 <img alt="-" src="icons/waypoint-remove.png" title="Verwijder dit punt"           onmousedown="markerRemove(9);"  >
 242             <!-- Up to 99 markers can be included here in the HTML  -->
 243             <tr>
 244               <td colspan="4" align="center"><input type="button" title="Keer volgorde punten om" value="Keer volgorde punten om" onmousedown="markersReverse();">
 245           </table>
 246         </div>
 247       </div>
 248
 249       <div class="hideshow_box">
 250         <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">Laat zien</span>
 251         <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">Verberg</span>
 252         <span class="hideshow_title">Transport Type</span>
 253         <div id="hideshow_transport_div">
 254           <table>
 255             <tr><td>Te voet          <td><input name="transport" type="radio" value="foot"       onchange="formSetTransport('foot'      )"><!-- transport -->
 256             <tr><td>Paard            <td><input name="transport" type="radio" value="horse"      onchange="formSetTransport('horse'     )"><!-- transport -->
 257             <tr><td>Rolstoel         <td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair')"><!-- transport -->
 258             <tr><td>Fiets            <td><input name="transport" type="radio" value="bicycle"    onchange="formSetTransport('bicycle'   )"><!-- transport -->
 259             <tr><td>Brommer          <td><input name="transport" type="radio" value="moped"      onchange="formSetTransport('moped'     )"><!-- transport -->
 260             <tr><td>Motorfiets       <td><input name="transport" type="radio" value="motorbike"  onchange="formSetTransport('motorbike' )"><!-- transport -->
 261             <tr><td>Auto             <td><input name="transport" type="radio" value="motorcar"   onchange="formSetTransport('motorcar'  )"><!-- transport -->
 262             <tr><td>Goederen         <td><input name="transport" type="radio" value="goods"      onchange="formSetTransport('goods'     )"><!-- transport -->
 263             <tr><td>Zwaar transport  <td><input name="transport" type="radio" value="hgv"        onchange="formSetTransport('hgv'       )"><!-- transport -->
 264             <tr><td>Publiek transport<td><input name="transport" type="radio" value="psv"        onchange="formSetTransport('psv'       )"><!-- transport -->
 265           </table>
 266         </div>
 267       </div>
 268
 269       <div class="hideshow_box">
 270         <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">Laat zien</span>
 271         <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">Verberg</span>
 272         <span class="hideshow_title">Voorkeur Wegtype</span>
 273         <div id="hideshow_highway_div" style="display: none;">
 274           <table>
 275             <tr><td>Autostrade           <td><input name="highway-motorway"     type="text" size=3 onchange="formSetHighway('motorway'    )"><!-- highway-motorway     --><td>%
 276             <tr><td>Autoweg:             <td><input name="highway-trunk"        type="text" size=3 onchange="formSetHighway('trunk'       )"><!-- highway-trunk        --><td>%
 277             <tr><td>Provinciale wegen:   <td><input name="highway-primary"      type="text" size=3 onchange="formSetHighway('primary'     )"><!-- highway-primary      --><td>%
 278             <tr><td>Nationale wegen:     <td><input name="highway-secondary"    type="text" size=3 onchange="formSetHighway('secondary'   )"><!-- highway-secondary    --><td>%
 279             <tr><td>Doorgangsweg:        <td><input name="highway-tertiary"     type="text" size=3 onchange="formSetHighway('tertiary'    )"><!-- highway-tertiary     --><td>%
 280             <tr><td>Niet geclassificeerd:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified')"><!-- highway-unclassified --><td>%
 281             <tr><td>Woongebied:          <td><input name="highway-residential"  type="text" size=3 onchange="formSetHighway('residential' )"><!-- highway-residential  --><td>%
 282             <tr><td>Toegangsweg:         <td><input name="highway-service"      type="text" size=3 onchange="formSetHighway('service'     )"><!-- highway-service      --><td>%
 283             <tr><td>Veldweg:             <td><input name="highway-track"        type="text" size=3 onchange="formSetHighway('track'       )"><!-- highway-track        --><td>%
 284             <tr><td>Fietspad:            <td><input name="highway-cycleway"     type="text" size=3 onchange="formSetHighway('cycleway'    )"><!-- highway-cycleway     --><td>%
 285             <tr><td>Pad:                 <td><input name="highway-path"         type="text" size=3 onchange="formSetHighway('path'        )"><!-- highway-path         --><td>%
 286             <tr><td>Trap:                <td><input name="highway-steps"        type="text" size=3 onchange="formSetHighway('steps'       )"><!-- highway-steps        --><td>%
 287             <tr><td>Ferry:               <td><input name="highway-ferry"        type="text" size=3 onchange="formSetHighway('ferry'       )"><!-- highway-ferry        --><td>%
 288           </table>
 289         </div>
 290       </div>
 291
 292       <div class="hideshow_box">
 293         <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">Laat zien</span>
 294         <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">Verberg</span>
 295         <span class="hideshow_title">Snelheidslimieten</span>
 296         <div id="hideshow_speed_div" style="display: none;">
 297           <table>
 298             <tr><td>Autostrade           <td><input name="speed-motorway"     type="text" size=3 onchange="formSetSpeed('motorway'    )"><!-- speed-motorway     --><td>km/hr
 299             <tr><td>Autoweg:             <td><input name="speed-trunk"        type="text" size=3 onchange="formSetSpeed('trunk'       )"><!-- speed-trunk        --><td>km/hr
 300             <tr><td>Provinciale wegen:   <td><input name="speed-primary"      type="text" size=3 onchange="formSetSpeed('primary'     )"><!-- speed-primary      --><td>km/hr
 301             <tr><td>Nationale wegen:     <td><input name="speed-secondary"    type="text" size=3 onchange="formSetSpeed('secondary'   )"><!-- speed-secondary    --><td>km/hr
 302             <tr><td>Doorgangsweg:        <td><input name="speed-tertiary"     type="text" size=3 onchange="formSetSpeed('tertiary'    )"><!-- speed-tertiary     --><td>km/hr
 303             <tr><td>Niet geclassificeerd:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified')"><!-- speed-unclassified --><td>km/hr
 304             <tr><td>Woongebied:          <td><input name="speed-residential"  type="text" size=3 onchange="formSetSpeed('residential' )"><!-- speed-residential  --><td>km/hr
 305             <tr><td>Toegangsweg:         <td><input name="speed-service"      type="text" size=3 onchange="formSetSpeed('service'     )"><!-- speed-service      --><td>km/hr
 306             <tr><td>Veldweg:             <td><input name="speed-track"        type="text" size=3 onchange="formSetSpeed('track'       )"><!-- speed-track        --><td>km/hr
 307             <tr><td>Fietspad:            <td><input name="speed-cycleway"     type="text" size=3 onchange="formSetSpeed('cycleway'    )"><!-- speed-cycleway     --><td>km/hr
 308             <tr><td>Pad:                 <td><input name="speed-path"         type="text" size=3 onchange="formSetSpeed('path'        )"><!-- speed-path         --><td>km/hr
 309             <tr><td>Trap:                <td><input name="speed-steps"        type="text" size=3 onchange="formSetSpeed('steps'       )"><!-- speed-steps        --><td>km/hr
 310             <tr><td>Ferry:               <td><input name="speed-ferry"        type="text" size=3 onchange="formSetSpeed('ferry'       )"><!-- speed-ferry        --><td>km/hr
 311           </table>
 312         </div>
 313       </div>
 314
 315       <div class="hideshow_box">
 316         <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">Laat zien</span>
 317         <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">Verberg</span>
 318         <span class="hideshow_title">Weg Eigenschappen</span>
 319         <div id="hideshow_property_div" style="display: none;">
 320           <table>
 321             <tr><td>Verhard:         <td><input name="property-paved"        type="text" size=3 onchange="formSetProperty('paved'       )"><!-- property-paved        --><td>%
 322             <tr><td>Meerdere Stroken:<td><input name="property-multilane"    type="text" size=3 onchange="formSetProperty('multilane'   )"><!-- property-multilane    --><td>%
 323             <tr><td>Brug:            <td><input name="property-bridge"       type="text" size=3 onchange="formSetProperty('bridge'      )"><!-- property-bridge       --><td>%
 324             <tr><td>Tunnel:          <td><input name="property-tunnel"       type="text" size=3 onchange="formSetProperty('tunnel'      )"><!-- property-tunnel       --><td>%
 325             <tr><td>Walking Route:   <td><input name="property-footroute"    type="text" size=3 onchange="formSetProperty('footroute'   )"><!-- property-footroute    --><td>%
 326             <tr><td>Bicycle Route:   <td><input name="property-bicycleroute" type="text" size=3 onchange="formSetProperty('bicycleroute')"><!-- property-bicycleroute --><td>%
 327           </table>
 328         </div>
 329       </div>
 330
 331       <div class="hideshow_box">
 332         <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">Laat zien</span>
 333         <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">Verberg</span>
 334         <span class="hideshow_title">Andere Beperkingen</span>
 335         <div id="hideshow_restriction_div" style="display: none;">
 336           <table>
 337             <tr><td>Volg Eenrichtingsverkeer:<td><input name="restrict-oneway" type="checkbox"    onchange="formSetRestriction('oneway')"><!-- oneway --><td>
 338             <tr><td>Gewicht:                 <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight')"><!-- weight --><td> ton
 339             <tr><td>Hoogte:                  <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height')"><!-- height --><td> meter
 340             <tr><td>Breedte:                 <td><input name="restrict-width"  type="text" size=3 onchange="formSetRestriction('width' )"><!-- width  --><td> meter
 341             <tr><td>Lengte:                  <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length')"><!-- length --><td> meter
 342           </table>
 343         </div>
 344       </div>
 345
 346       <div class="hideshow_box">
 347         <span class="hideshow_title">Zoek Route</span>
 348         <input type="button" title="Zoek de kortste route" id="shortest" value="Kortste" onclick="findRoute('shortest');">
 349         <input type="button" title="Zoek de snelste route" id="quickest" value="Snelste" onclick="findRoute('quickest');">
 350       </div>
 351
 352       <div class="hideshow_box">
 353         <span class="hideshow_title">Links</span>
 354         <a id="link_url"                href="router.html">Permanente link naar deze parameters</a>
 355         <br>
 356         <a id="edit_url" target="other" href="http://wiki.openstreetmap.org/wiki/NL:Mapper">Lees hoe je OSM data kan inbrengen met Potlatch</a>
 357       </div>
 358
 359       <div class="hideshow_box">
 360         <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">Laat zien</span>
 361         <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">Verberg</span>
 362         <span class="hideshow_title">Help</span>
 363         <div id="hideshow_help_options_div">
 364           <div class="scrollable">
 365             <p>
 366             <b>Quick Start</b>
 367             <br>
 368             Click op marker-icoontje (Waypoints) om ze op de map te plaatsen (rechts).
 369             Sleep ze vervolgens naar de gewenste positie.
 370             Het is best om eerst naar straat niveau te zoomen op de kaart.
 371             Selecteer het transport type, toegestane weg-types,
 372             snelheidslimieten, wegeigenschappen en andere restricties uit de
 373             opties.
 374             Selecteer  "Kortste" of "Snelste" om de route te berekenen en te tekenen op de map.
 375             <p>
 376             <b>Coordinaten (Waypoints)</b>
 377             <br>
 378             Click op het marker icoontje, nog eens clicken voor aan/uit.
 379             Wanneer de route berekend wordt, zal dit nauwkeurig aansluiten bij de volgorde van deze punten. (rekening houdend met transport type)
 380             <p>
 381             <b>Transport Type</b>
 382             <br>
 383             Wanneer je een bepaald transport type kiest wordt bij berekenen
 384             route hiermede rekening gehouden.
 385             Het transport type bestaat uit een lijst met default waarden voor
 386             ieder wegtype.
 387             Deze percentages kunnen ook nog eens manueel aangepast worden.
 388             <p>
 389             <b>Voorkeur Wegtype</b>
 390             <br>
 391             De voorkeur voor een bepaald type weg wordt uitgedrukt in een percentage.
 392             Bijvoorbeeld wanneer u het Transport Type "Fiets" kiest, dan zal er
 393             voor Autostrade 0% staan, en voor Fietspad 100%.
 394             Wanneer u Autowegen, Nationale wegen wil vermijden of beperken bij
 395             het maken van een fietsroute, kan u percentage naar beneden
 396             aanpassen.
 397             <p>
 398             <b>Snelheid limieten</b>
 399             <br>
 400             De snelheidslimieten worden afgeleid van het type weg. Het is
 401             mogelijk dat er voor een bepaalde weg andere beperkingen gelden. In
 402             dat geval worden die gekoezen. (het geval dat deze lager zijn dan de
 403             default)
 404             <p>
 405             <b>Weg Eigenschappen</b>
 406             <br>
 407             Voor het berekenen van de route, kan de de voorkeur gegeven worden
 408             aan een bepaalde wegeigenschap.
 409             Wanneer u kiest voor 25% verhard, zal er automatisch de voorkeur aan
 410             75% onverhard worden gegeven.
 411             Ook al is het onverharde stuk 3 X langer, toch kan er dan de
 412             voorkeur aan gegeven worden.
 413             <p>
 414             <b>Andere Beperkingen</b>
 415             <br>
 416             Deze zullen toelaten dat er een route berekend wordt die rekening
 417             houdt met gewicht, hoogte, breedte of lengte.
 418             Het is ook mogelijk geen rekening te houden met eenrichtingsverkeer
 419             (bijvoorbeeld als voetganger of fietser)
 420           </div>
 421         </div>
 422       </div>
 423     </form>
 424   </div>
 425
 426
 427   <div class="tab_content" id="tab_results_div" style="display: none;">
 428
 429     <div class="hideshow_box">
 430       <span class="hideshow_title">Status</span>
 431       <div id="result_status">
 432         <span id="result_status_not_run"                        ><b><i>Router niet in gebruik</i></b></span>
 433         <span id="result_status_running"  style="display: none;"><b>Router werkt...</b></span>
 434         <span id="result_status_complete" style="display: none;"><b>Routing voltooid</b></span>
 435         <span id="result_status_error"    style="display: none;"><b>Router error</b></span>
 436         <span id="result_status_failed"   style="display: none;"><b>Router werkt niet</b></span>
 437       </div>
 438     </div>
 439
 440     <div class="hideshow_box">
 441       <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">Laat zien</span>
 442       <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">Verberg</span>
 443       <span class="hideshow_title">Kortste Route</span>
 444       <div id="shortest_status">
 445         <span id="shortest_status_no_info"                       ><b><i>No Information</i></b></span>
 446         <span id="shortest_status_info"    style="display: none;"></span>
 447       </div>
 448       <div id="hideshow_shortest_div" style="display: none;">
 449         <div id="shortest_links" style="display: none;">
 450           <table>
 451             <tr><td>HTML directions:  <td><a id="shortest_html"      target="shortest_html"      href="#">Open Popup</a>
 452             <tr><td>GPX track bestand:<td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a>
 453             <tr><td>GPX route bestand:<td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a>
 454             <tr><td>Full text bestand:<td><a id="shortest_text_all"  target="shortest_text_all"  href="#">Open Popup</a>
 455             <tr><td>Text bestand:     <td><a id="shortest_text"      target="shortest_text"      href="#">Open Popup</a>
 456           </table>
 457           <hr>
 458         </div>
 459         <div id="shortest_route">
 460         </div>
 461       </div>
 462     </div>
 463
 464     <div class="hideshow_box">
 465       <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">Laat zien</span>
 466       <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">Verberg</span>
 467       <span class="hideshow_title">Snelste Route</span>
 468       <div id="quickest_status">
 469         <span id="quickest_status_no_info"                       ><b><i>No Information</i></b></span>
 470         <span id="quickest_status_info"    style="display: none;"></span>
 471       </div>
 472       <div id="hideshow_quickest_div" style="display: none;">
 473         <div id="quickest_links" style="display: none;">
 474           <table>
 475             <tr><td>HTML directions:  <td><a id="quickest_html"      target="quickest_html"      href="#">Open Popup</a>
 476             <tr><td>GPX track bestand:<td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a>
 477             <tr><td>GPX route bestand:<td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a>
 478             <tr><td>Full text bestand:<td><a id="quickest_text_all"  target="quickest_text_all"  href="#">Open Popup</a>
 479             <tr><td>Text bestand:     <td><a id="quickest_text"      target="quickest_text"      href="#">Open Popup</a>
 480           </table>
 481           <hr>
 482         </div>
 483         <div id="quickest_route">
 484         </div>
 485       </div>
 486     </div>
 487
 488     <div class="hideshow_box">
 489       <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">Laat zien</span>
 490       <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">Verberg</span>
 491       <span class="hideshow_title">Help</span>
 492       <div id="hideshow_help_route_div">
 493         <div class="scrollable">
 494           <p>
 495           <b>Quick Start</b>
 496           <br>
 497           Na het berekenen van een route, kan het GPX bestand, of de beschrijving als tekstbestand downloaden.
 498           Door met muis over de beschrijving te bewegen, ziet u die ook op de kaart gesitueerd.
 499           <p style="margin-bottom: 0px">
 500           <b>Problem Solving</b>
 501           <br>
 502           Als de router eindigt met een fout, dan is de meest waarschijnlijke
 503           oorzaak, dat er geen route mogelijk is tussen de gekozen punten.
 504           Het verplaatsen van de punten, of het aanpassen van weg-eigenschappen
 505           of voertuigtype kan een oplossing bieden.
 506           <p style="margin-bottom: 0px">
 507           <b>Output Formats</b>
 508           <br>
 509           <dl style="margin-top: 0px">
 510             <dt>HTML instructies
 511             <dd>Een beschrijving van de route, met de te nemen afslag aan iedere splitsing.
 512             <dt>GPX track bestand
 513             <dd>Dezelfde informatie die op de kaart wordt weergegeven. Met
 514               coordinaten voor ieder knooppunt, en een track voor ieder segment.
 515             <dt>GPX route bestand
 516             <dd>Dezelfde informatie dat is opgenomen in de tekst van de route,
 517               met een coordinaat voor iedere belangrijke splitsing.
 518             <dt>Full text bestand
 519             <dd>Een lijst met alle coordinaten, met de afstand hier tussen. En
 520               een cumulatieve afstand voor iedere stap op de route.
 521             <dt>Text bestand
 522             <dd>Dezelfde informatie als wordt weergegeven in de tekst voor de route.
 523           </dl>
 524         </div>
 525       </div>
 526     </div>
 527   </div>
 528
 529
 530   <div class="tab_content" id="tab_data_div" style="display: none;">
 531     <div class="hideshow_box">
 532       <span class="hideshow_title">Statistics</span>
 533       <div id="statistics_data"></div>
 534       <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
 535     </div>
 536
 537     <div class="hideshow_box">
 538       <span class="hideshow_title">Visualiser</span>
 539       Om te kijken hoe routino omgaat met de basisdata, is er een tooltje dat de onderliggende data toont op verschillende manieren.
 540       <br>
 541       <a id="visualiser_url" target="other" href="visualiser.html">Custom link to this map view</a>
 542     </div>
 543   </div>
 544
 545 </div>
 546
 547 <!-- Right hand side of window - map -->
 548
 549 <div class="right_panel">
 550   <div class="map" id="map">
 551     <noscript>
 552       Javascript is <em>required</em> to use this web page because of the
 553       interactive map.
 554     </noscript>
 555   </div>
 556   <div class="attribution">
 557     <a target="other" href="http://www.routino.org/" title="Routino">Router: Routino</a>
 558     |
 559     <a target="other" href="http://www.openstreetmap.org/" title="Copyright: OpenStreetMap.org; License: Creative Commons Attribution-Share Alike 2.0">Geo Data: OpenStreetMap</a>
 560   </div>
 561 </div>
 562
 563 </BODY>
 564 </HTML>