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   </table>
 238
 239   <p>
 240
 241   <h3>Property Preferences</h3>
 242
 243   The property preference is selected as a percentage and routes are chosen that
 244   try to follow highways with the preferred property.
 245   For example if a "Paved" highway is given a "75%" preference then it means that
 246   an unpaved highway is automatically given a "25%" preference so that a route on
 247   a paved highway can be 3 times the length of an unpaved one and still be
 248   selected.
 249
 250   <p>
 251
 252   <table class="noborder-left">
 253     <tr>
 254       <th class="left">
 255       <th class="left" colspan=2><b>Preference</b><br>
 256     <tr>
 257       <td class="left"  >Paved:
 258       <td class="right" ><input name="paved"     type="text" size=3 class="right"><!-- property-paved     -->
 259       <td class="left"  >%
 260     <tr>
 261       <td class="left"  >Multiple Lanes:
 262       <td class="right" ><input name="multilane" type="text" size=3 class="right"><!-- property-multilane -->
 263       <td class="left"  >%
 264     <tr>
 265       <td class="left"  >Bridge:
 266       <td class="right" ><input name="bridge"    type="text" size=3 class="right"><!-- property-bridge    -->
 267       <td class="left"  >%
 268     <tr>
 269       <td class="left"  >Tunnel:
 270       <td class="right" ><input name="tunnel"    type="text" size=3 class="right"><!-- property-tunnel    -->
 271       <td class="left"  >%
 272   </table>
 273
 274   <p>
 275
 276   <h3>Other Restrictions</h3>
 277
 278   These allow a route to be found that avoids marked limits on
 279   weight, height, width or length.  It is also possible to ignore
 280   one-way restrictions (e.g. if walking).
 281
 282   <p>
 283
 284   <table class="noborder-left">
 285     <tr>
 286       <td class="left"  >Obey oneway:
 287       <td class="right" ><input name="oneway" type="checkbox"><!-- oneway -->
 288       <td class="left"  >
 289     <tr>
 290       <td class="left"  >Weight:
 291       <td class="right" ><input name="weight" type="text" size=3 class="right"><!-- weight -->
 292       <td class="left"  >tonnes
 293     <tr>
 294       <td class="left"  >Height:
 295       <td class="right" ><input name="height" type="text" size=3 class="right"><!-- height -->
 296       <td class="left"  >metres
 297     <tr>
 298       <td class="left"  >Width:
 299       <td class="right" ><input name="width"  type="text" size=3 class="right"><!-- width  -->
 300       <td class="left"  >metres
 301     <tr>
 302       <td class="left"  >Length:
 303       <td class="right" ><input name="length" type="text" size=3 class="right"><!-- length -->
 304       <td class="left"  >metres
 305   </table>
 306
 307   <p>
 308
 309 <h3>Output Format</h3>
 310
 311   This allows for selection of the language of the generated output.
 312
 313   <p>
 314
 315   <table class="noborder-left">
 316     <tr>
 317       <td class="left">English (en)
 318       <td class="left"><input name="language" type="radio" value="en" checked><!-- language -->
 319     <tr>
 320       <td class="left">German (de)
 321       <td class="left"><input name="language" type="radio" value="de"><!-- language -->
 322   </table>
 323
 324   <p>
 325
 326   This allows for selection of the format of the generated output.
 327
 328   <p>
 329
 330   <table class="noborder-left">
 331     <tr>
 332       <td class="left"><input name="format" type="radio" value="form" checked>This HTML format
 333     <tr>
 334       <td class="left"><input name="format" type="radio" value="html">HTML route instructions
 335     <tr>
 336       <td class="left"><input name="format" type="radio" value="gpx-track">GPX track file
 337     <tr>
 338       <td class="left"><input name="format" type="radio" value="gpx-route">GPX route file
 339     <tr>
 340       <td class="left"><input name="format" type="radio" value="text">Text file
 341     <tr>
 342       <td class="left"><input name="format" type="radio" value="text-all">Full text file
 343   </table>
 344
 345   <p>
 346
 347   <h3>Calculate Route</h3>
 348
 349   <button type="submit" name="submit" value="shortest">Shortest</button>
 350   <button type="submit" name="submit" value="quickest">Quickest</button>
 351
 352   <p>
 353
 354   <!-- result-start -->
 355
 356   <hr>
 357
 358   <p>
 359
 360   <table class="noborder-left">
 361     <tr>
 362       <th class="left" colspan=2><u><b><!-- result-Type --> Result</b></u>
 363     <tr>
 364       <td class="left" colspan=2><b><!-- result-message --></b>
 365     <tr>
 366       <td class="left" colspan=2><b><!-- result-result --></b>
 367     <tr>
 368       <td class="left">HTML file:
 369       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=html">Open</a>
 370     <tr>
 371       <td class="left">GPX track file:
 372       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=gpx-track">Open</a>
 373     <tr>
 374       <td class="left">GPX route file:
 375       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=gpx-route">Open</a>
 376     <tr>
 377       <td class="left">Text file:
 378       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=text">Open</a>
 379     <tr>
 380       <td class="left">Full text file:
 381       <td class="left"><a title="" target="new" href="results.cgi?uuid=<!-- result-uuid -->;type=<!-- result-type -->;format=text-all">Open</a>
 382     <tr>
 383       <td class="left" colspan=2><i><!-- result-time --></i>
 384   </table>
 385
 386   <p>
 387
 388   <!-- result-finish -->
 389
 390   <hr>
 391
 392   <p>
 393
 394   <h3>Create Link</h3>
 395
 396   <button type="submit" name="submit" value="link">Create Link</button>
 397   <a title="" href="<!-- custom-url -->">Bookmarkable link with customised parameters</a>
 398
 399 </form>
 400
 401 </div>
 402
 403 <!-- Content End -->
 404
 405 <!-- Footer Start -->
 406
 407 <div class="footer" align="center">
 408 <hr>
 409
 410 <address>
 411 &copy; Andrew M. Bishop = &lt;amb "at" gedanken.demon.co.uk&gt;
 412 </address>
 413
 414 </div>
 415
 416 <!-- Footer End -->
 417
 418 </BODY>
 419
 420 </HTML>