git.maemo.org Git - routino/blob - web/www/routino/noscript.template.html

   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 non-Javascript web page.
   6
   7  Part of the Routino routing software.
   8
   9  This file Copyright 2008-2010 Andrew M. Bishop
  10
  11  This program is free software: you can redistribute it and/or modify
  12  it under the terms of the GNU Affero General Public License as published by
  13  the Free Software Foundation, either version 3 of the License, or
  14  (at your option) any later version.
  15
  16  This program is distributed in the hope that it will be useful,
  17  but WITHOUT ANY WARRANTY; without even the implied warranty of
  18  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  19  GNU Affero General Public License for more details.
  20
  21  You should have received a copy of the GNU Affero General Public License
  22  along with this program.  If not, see http://www.gnu.org/licenses/.
  23 -->
  24
  25 <HEAD>
  26 <TITLE>Routino : Route Planner for OpenStreetMap Data (non-JavaScript)</TITLE>
  27 <META name="keywords" content="openstreetmap routing route planner">
  28 <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
  29 <LINK href="../documentation/style.css" type="text/css" rel="stylesheet">
  30 </HEAD>
  31
  32 <BODY>
  33
  34 <!-- Header Start -->
  35
  36 <div class="header" align="center">
  37
  38 <h1>Routino : Route Planner for OpenStreetMap Data (non-JavaScript)</h1>
  39
  40 <hr>
  41 </div>
  42
  43 <!-- Header End -->
  44
  45 <!-- Content Start -->
  46
  47 <div class="content">
  48
  49 <h2>Non Javascript Route Finder</h2>
  50
  51 <form name="form" action="noscript.cgi" method="get">
  52
  53   <h3>Locations</h3>
  54
  55   When a route is calculated it will visit (as close as possible
  56   for the selected transport type) each of the locations that have
  57   been specified in the order given.
  58
  59   <p>
  60
  61   <table class="noborder-left">
  62     <tr>
  63       <td><b>Waypoint 1:</b>
  64       <td><input name="lon1" type="text" size=8 title="Waypoint 1 Longitude" class="right"><!-- lon1 --> E
  65       <td><input name="lat1" type="text" size=8 title="Waypoint 1 Latitude"  class="right"><!-- lat1 --> N
  66     <tr>
  67       <td><b>Waypoint 2:</b>
  68       <td><input name="lon2" type="text" size=8 title="Waypoint 2 Longitude" class="right"><!-- lon2 --> E
  69       <td><input name="lat2" type="text" size=8 title="Waypoint 2 Latitude"  class="right"><!-- lat2 --> N
  70     <tr>
  71       <td><b>Waypoint 3:</b>
  72       <td><input name="lon3" type="text" size=8 title="Waypoint 3 Longitude" class="right"><!-- lon3 --> E
  73       <td><input name="lat3" type="text" size=8 title="Waypoint 3 Latitude"  class="right"><!-- lat3 --> N
  74     <tr>
  75       <td><b>Waypoint 4:</b>
  76       <td><input name="lon4" type="text" size=8 title="Waypoint 4 Longitude" class="right"><!-- lon4 --> E
  77       <td><input name="lat4" type="text" size=8 title="Waypoint 4 Latitude"  class="right"><!-- lat4 --> N
  78     <tr>
  79       <td><b>Waypoint 5:</b>
  80       <td><input name="lon5" type="text" size=8 title="Waypoint 5 Longitude" class="right"><!-- lon5 --> E
  81       <td><input name="lat5" type="text" size=8 title="Waypoint 5 Latitude"  class="right"><!-- lat5 --> N
  82     <tr>
  83       <td><b>Waypoint 6:</b>
  84       <td><input name="lon6" type="text" size=8 title="Waypoint 6 Longitude" class="right"><!-- lon6 --> E
  85       <td><input name="lat6" type="text" size=8 title="Waypoint 6 Latitude"  class="right"><!-- lat6 --> N
  86     <tr>
  87       <td><b>Waypoint 7:</b>
  88       <td><input name="lon7" type="text" size=8 title="Waypoint 7 Longitude" class="right"><!-- lon7 --> E
  89       <td><input name="lat7" type="text" size=8 title="Waypoint 7 Latitude"  class="right"><!-- lat7 --> N
  90     <tr>
  91       <td><b>Waypoint 8:</b>
  92       <td><input name="lon8" type="text" size=8 title="Waypoint 8 Longitude" class="right"><!-- lon8 --> E
  93       <td><input name="lat8" type="text" size=8 title="Waypoint 8 Latitude"  class="right"><!-- lat8 --> N
  94     <tr>
  95       <td><b>Waypoint 9:</b>
  96       <td><input name="lon9" type="text" size=8 title="Waypoint 9 Longitude" class="right"><!-- lon9 --> E
  97       <td><input name="lat9" type="text" size=8 title="Waypoint 9 Latitude"  class="right"><!-- lat9 --> N
  98   </table>
  99
 100   <p>
 101
 102   <h3>Transport Type</h3>
 103
 104   Selecting a transport type will restrict the chosen route to
 105   those on which it is allowed.  Selecting one of the links here
 106   will set default values for the other parameters.
 107
 108   <p>
 109
 110   <table class="noborder-left">
 111     <tr>
 112       <td><a href="noscript.cgi?transport=foot"       title="Foot profile"      >Foot      </a>
 113       <td><input name="transport" type="radio" value="foot"      ><!-- transport -->
 114     <tr>
 115       <td><a href="noscript.cgi?transport=horse"      title="Horse profile"     >Horse     </a>
 116       <td><input name="transport" type="radio" value="horse"     ><!-- transport -->
 117     <tr>
 118       <td><a href="noscript.cgi?transport=wheelchair" title="Wheelchair profile">Wheelchair</a>
 119       <td><input name="transport" type="radio" value="wheelchair"><!-- transport -->
 120     <tr>
 121       <td><a href="noscript.cgi?transport=bicycle"    title="Bicycle profile"   >Bicycle   </a>
 122       <td><input name="transport" type="radio" value="bicycle"   ><!-- transport -->
 123     <tr>
 124       <td><a href="noscript.cgi?transport=moped"      title="Moped profile"     >Moped     </a>
 125       <td><input name="transport" type="radio" value="moped"     ><!-- transport -->
 126     <tr>
 127       <td><a href="noscript.cgi?transport=motorbike"  title="Motorbike profile" >Motorbike </a>
 128       <td><input name="transport" type="radio" value="motorbike" ><!-- transport -->
 129     <tr>
 130       <td><a href="noscript.cgi?transport=motorcar"   title="Motorcar profile"  >Motorcar  </a>
 131       <td><input name="transport" type="radio" value="motorcar"  ><!-- transport -->
 132     <tr>
 133       <td><a href="noscript.cgi?transport=goods"      title="Goods profile"     >Goods     </a>
 134       <td><input name="transport" type="radio" value="goods"     ><!-- transport -->
 135     <tr>
 136       <td><a href="noscript.cgi?transport=hgv"        title="HGV profile"       >HGV       </a>
 137       <td><input name="transport" type="radio" value="hgv"       ><!-- transport -->
 138     <tr>
 139       <td><a href="noscript.cgi?transport=psv"        title="PSV profile"       >PSV       </a>
 140       <td><input name="transport" type="radio" value="psv"       ><!-- transport -->
 141   </table>
 142
 143   <p>
 144
 145   <h3>Highway Preferences</h3>
 146
 147   The highway preference is selected as a percentage and routes are chosen that
 148   try to follow the preferred highways.
 149   For example if a "Primary" road is given a "110%" preference and a "Secondary"
 150   road is given a "100%" preference then it means that a route on a Primary road
 151   can be up to 10% longer than on a secondary road and still be selected.
 152
 153   <h3>Speed Limits</h3>
 154
 155   The speed limits chosen here for the different types of highway apply if the
 156   highway has no other speed limit marked or it is higher than the chosen one.
 157
 158   <p>
 159
 160   <table class="noborder-left">
 161     <tr>
 162       <th class="left">
 163       <th class="left" colspan=2><b>Preference</b>
 164       <th class="left" colspan=2><b>Speed Limit</b>
 165     <tr>
 166       <td class="left"  >Motorway:
 167       <td class="right" ><input name="highway-motorway"     type="text" size=3 class="right"><!-- highway-motorway     -->
 168       <td class="left"  >%
 169       <td class="right" ><input name="speed-motorway"       type="text" size=3 class="right"><!-- speed-motorway       -->
 170       <td class="left"  >km/hr
 171     <tr>
 172       <td class="left"  >Trunk:
 173       <td class="right" ><input name="highway-trunk"        type="text" size=3 class="right"><!-- highway-trunk        -->
 174       <td class="left"  >%
 175       <td class="right" ><input name="speed-trunk"          type="text" size=3 class="right"><!-- speed-trunk          -->
 176       <td class="left"  >km/hr
 177     <tr>
 178       <td class="left"  >Primary:
 179       <td class="right" ><input name="highway-primary"      type="text" size=3 class="right"><!-- highway-primary      -->
 180       <td class="left"  >%
 181       <td class="right" ><input name="speed-primary"        type="text" size=3 class="right"><!-- speed-primary        -->
 182       <td class="left"  >km/hr
 183     <tr>
 184       <td class="left"  >Secondary:
 185       <td class="right" ><input name="highway-secondary"    type="text" size=3 class="right"><!-- highway-secondary    -->
 186       <td class="left"  >%
 187       <td class="right" ><input name="speed-secondary"      type="text" size=3 class="right"><!-- speed-secondary      -->
 188       <td class="left"  >km/hr
 189     <tr>
 190       <td class="left"  >Tertiary:
 191       <td class="right" ><input name="highway-tertiary"     type="text" size=3 class="right"><!-- highway-tertiary     -->
 192       <td class="left"  >%
 193       <td class="right" ><input name="speed-tertiary"       type="text" size=3 class="right"><!-- speed-tertiary       -->
 194       <td class="left"  >km/hr
 195     <tr>
 196       <td class="left"  >Unclassified:
 197       <td class="right" ><input name="highway-unclassified" type="text" size=3 class="right"><!-- highway-unclassified -->
 198       <td class="left"  >%
 199       <td class="right" ><input name="speed-unclassified"   type="text" size=3 class="right"><!-- speed-unclassified   -->
 200       <td class="left"  >km/hr
 201     <tr>
 202       <td class="left"  >Residential:
 203       <td class="right" ><input name="highway-residential"  type="text" size=3 class="right"><!-- highway-residential  -->
 204       <td class="left"  >%
 205       <td class="right" ><input name="speed-residential"    type="text" size=3 class="right"><!-- speed-residential    -->
 206       <td class="left"  >km/hr
 207     <tr>
 208       <td class="left"  >Service:
 209       <td class="right" ><input name="highway-service"      type="text" size=3 class="right"><!-- highway-service      -->
 210       <td class="left"  >%
 211       <td class="right" ><input name="speed-service"        type="text" size=3 class="right"><!-- speed-service        -->
 212       <td class="left"  >km/hr
 213     <tr>
 214       <td class="left"  >Track:
 215       <td class="right" ><input name="highway-track"        type="text" size=3 class="right"><!-- highway-track        -->
 216       <td class="left"  >%
 217       <td class="right" ><input name="speed-track"          type="text" size=3 class="right"><!-- speed-track          -->
 218       <td class="left"  >km/hr
 219     <tr>
 220       <td class="left"  >Cycleway:
 221       <td class="right" ><input name="highway-cycleway"     type="text" size=3 class="right"><!-- highway-cycleway     -->
 222       <td class="left"  >%
 223       <td class="right" ><input name="speed-cycleway"       type="text" size=3 class="right"><!-- speed-cycleway       -->
 224       <td class="left"  >km/hr
 225     <tr>
 226       <td class="left"  >Path:
 227       <td class="right" ><input name="highway-path"         type="text" size=3 class="right"><!-- highway-path         -->
 228       <td class="left"  >%
 229       <td class="right" ><input name="speed-path"           type="text" size=3 class="right"><!-- speed-path           -->
 230       <td class="left"  >km/hr
 231     <tr>
 232       <td class="left"  >Steps:
 233       <td class="right" ><input name="highway-steps"        type="text" size=3 class="right"><!-- highway-steps        -->
 234       <td class="left"  >%
 235       <td class="right" ><input name="speed-steps"          type="text" size=3 class="right"><!-- speed-steps          -->
 236       <td class="left"  >km/hr
 237     <tr>
 238       <td class="left"  >Ferry:
 239       <td class="right" ><input name="highway-ferry"        type="text" size=3 class="right"><!-- highway-ferry        -->
 240       <td class="left"  >%
 241       <td class="right" ><input name="speed-ferry"          type="text" size=3 class="right"><!-- speed-ferry          -->
 242       <td class="left"  >km/hr
 243   </table>
 244
 245   <p>
 246
 247   <h3>Property Preferences</h3>
 248
 249   The property preference is selected as a percentage and routes are chosen that
 250   try to follow highways with the preferred property.
 251   For example if a "Paved" highway is given a "75%" preference then it means that
 252   an unpaved highway is automatically given a "25%" preference so that a route on
 253   a paved highway can be 3 times the length of an unpaved one and still be
 254   selected.
 255
 256   <p>
 257
 258   <table class="noborder-left">
 259     <tr>
 260       <th class="left">
 261       <th class="left" colspan=2><b>Preference</b><br>
 262     <tr>
 263       <td class="left"  >Paved:
 264       <td class="right" ><input name="paved"        type="text" size=3 class="right"><!-- property-paved        -->
 265       <td class="left"  >%
 266     <tr>
 267       <td class="left"  >Multiple Lanes:
 268       <td class="right" ><input name="multilane"    type="text" size=3 class="right"><!-- property-multilane    -->
 269       <td class="left"  >%
 270     <tr>
 271       <td class="left"  >Bridge:
 272       <td class="right" ><input name="bridge"       type="text" size=3 class="right"><!-- property-bridge       -->
 273       <td class="left"  >%
 274     <tr>
 275       <td class="left"  >Tunnel:
 276       <td class="right" ><input name="tunnel"       type="text" size=3 class="right"><!-- property-tunnel       -->
 277       <td class="left"  >%
 278     <tr>
 279       <td class="left"  >Walking Route:
 280       <td class="right" ><input name="footroute"    type="text" size=3 class="right"><!-- property-footroute    -->
 281       <td class="left"  >%
 282     <tr>
 283       <td class="left"  >Bicycle Route:
 284       <td class="right" ><input name="bicycleroute" type="text" size=3 class="right"><!-- property-bicycleroute -->
 285       <td class="left"  >%
 286   </table>
 287
 288   <p>
 289
 290   <h3>Other Restrictions</h3>
 291
 292   These allow a route to be found that avoids marked limits on
 293   weight, height, width or length.  It is also possible to ignore
 294   one-way restrictions (e.g. if walking).
 295
 296   <p>
 297
 298   <table class="noborder-left">
 299     <tr>
 300       <td class="left"  >Obey oneway:
 301       <td class="right" ><input name="oneway" type="checkbox"><!-- oneway -->
 302       <td class="left"  >
 303     <tr>
 304       <td class="left"  >Weight:
 305       <td class="right" ><input name="weight" type="text" size=3 class="right"><!-- weight -->
 306       <td class="left"  >tonnes
 307     <tr>
 308       <td class="left"  >Height:
 309       <td class="right" ><input name="height" type="text" size=3 class="right"><!-- height -->
 310       <td class="left"  >metres
 311     <tr>
 312       <td class="left"  >Width:
 313       <td class="right" ><input name="width"  type="text" size=3 class="right"><!-- width  -->
 314       <td class="left"  >metres
 315     <tr>
 316       <td class="left"  >Length:
 317       <td class="right" ><input name="length" type="text" size=3 class="right"><!-- length -->
 318       <td class="left"  >metres
 319   </table>
 320
 321   <p>
 322
 323 <h3>Output Format</h3>
 324
 325   This allows for selection of the language of the generated output.
 326
 327   <p>
 328
 329   <table class="noborder-left">
 330     <tr>
 331       <td class="left">English (en)
 332       <td class="left"><input name="language" type="radio" value="en" checked><!-- language -->
 333     <tr>
 334       <td class="left">German (de)
 335       <td class="left"><input name="language" type="radio" value="de"><!-- language -->
 336   </table>
 337
 338   <p>
 339
 340   This allows for selection of the format of the generated output.
 341
 342   <p>
 343
 344   <table class="noborder-left">
 345     <tr>
 346       <td class="left"><input name="format" type="radio" value="form" checked>This HTML format
 347     <tr>
 348       <td class="left"><input name="format" type="radio" value="html">HTML route instructions
 349     <tr>
 350       <td class="left"><input name="format" type="radio" value="gpx-track">GPX track file
 351     <tr>
 352       <td class="left"><input name="format" type="radio" value="gpx-route">GPX route file
 353     <tr>
 354       <td class="left"><input name="format" type="radio" value="text">Text file
 355     <tr>
 356       <td class="left"><input name="format" type="radio" value="text-all">Full text file
 357   </table>
 358
 359   <p>
 360
 361   <h3>Calculate Route</h3>
 362
 363   <button type="submit" name="submit" value="shortest">Shortest</button>
 364   <button type="submit" name="submit" value="quickest">Quickest</button>
 365
 366   <p>
 367
 368   <!-- result-start -->
 369
 370   <hr>
 371
 372   <p>
 373
 374   <table class="noborder-left">
 375     <tr>
 376       <th class="left" colspan=2><u><b><!-- result-Type --> Result</b></u>
 377     <tr>
 378       <td class="left" colspan=2><b><!-- result-message --></b>
 379     <tr>
 380       <td class="left" colspan=2><b><!-- result-result --></b>
 381     <tr>
 382       <td class="left">HTML file:
 383       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=html">Open</a>
 384     <tr>
 385       <td class="left">GPX track file:
 386       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=gpx-track">Open</a>
 387     <tr>
 388       <td class="left">GPX route file:
 389       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=gpx-route">Open</a>
 390     <tr>
 391       <td class="left">Text file:
 392       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=text">Open</a>
 393     <tr>
 394       <td class="left">Full text file:
 395       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=text-all">Open</a>
 396     <tr>
 397       <td class="left" colspan=2><i><!-- result-time --></i>
 398   </table>
 399
 400   <p>
 401
 402   <!-- result-finish -->
 403
 404   <hr>
 405
 406   <p>
 407
 408   <h3>Create Link</h3>
 409
 410   <button type="submit" name="submit" value="link">Create Link</button>
 411   <a title="" href="<!-- custom-url -->">Bookmarkable link with customised parameters</a>
 412
 413 </form>
 414
 415 </div>
 416
 417 <!-- Content End -->
 418
 419 <!-- Footer Start -->
 420
 421 <div class="footer" align="center">
 422 <hr>
 423
 424 <address>
 425 &copy; Andrew M. Bishop = &lt;amb "at" gedanken.demon.co.uk&gt;
 426 </address>
 427
 428 </div>
 429
 430 <!-- Footer End -->
 431
 432 </BODY>
 433
 434 </HTML>