Check out the latest version of Routino: svn co http://routino.org/svn/trunk routino
Contents of /trunk/web/www/routino/router.html.en
Parent Directory
| 
Revision Log
Revision 984 -
(show annotations)
(download)
Fri Mar 23 17:44:49 2012 UTC (13 years ago) by amb
File size: 41132 byte(s)
Fri Mar 23 17:44:49 2012 UTC (13 years ago) by amb
File size: 41132 byte(s)
Added new buttons to centre map on marker and to add coordinates for current location (Javascript geolocation function). Shuffled the existing buttons around. Allow "up" on first marker and "down" on last marker to wrap around.
| 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-2012 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</TITLE> |
| 27 | <META name="keywords" content="openstreetmap routing route planner"> |
| 28 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 29 | |
| 30 | <!-- OpenLayers Javascript library --> |
| 31 | <script src="../openlayers/OpenLayers.js" type="text/javascript"></script> |
| 32 | |
| 33 | <!-- Page elements --> |
| 34 | <script src="page-elements.js" type="text/javascript"></script> |
| 35 | <link href="page-elements.css" type="text/css" rel="stylesheet"> |
| 36 | |
| 37 | <!-- Router and visualiser shared features --> |
| 38 | <link href="maplayout.css" type="text/css" rel="stylesheet"> |
| 39 | <!--[if IE 6]> |
| 40 | <link href="maplayout-ie6-bugfixes.css" type="text/css" rel="stylesheet"> |
| 41 | <![endif]--> |
| 42 | <!--[if IE 7]> |
| 43 | <link href="maplayout-ie7-bugfixes.css" type="text/css" rel="stylesheet"> |
| 44 | <![endif]--> |
| 45 | |
| 46 | <!-- Router specific features --> |
| 47 | <script src="profiles.js" type="text/javascript"></script> |
| 48 | <script src="mapprops.js" type="text/javascript"></script> |
| 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">Options</span> |
| 61 | <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Results</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 | This web page allows routing within the data collected by OpenStreetMap. |
| 71 | Select start and end points (click on the marker icons below), select routing preferences then find a route. |
| 72 | <div align="center"> |
| 73 | <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 | <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 | <span class="hideshow_title">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 | <td><a href="router.html.en" title="English language web page">English</a> |
| 95 | <td>(EN) |
| 96 | <td><input name="language" type="radio" value="en" onchange="formSetLanguage('en')" checked><!-- language --> |
| 97 | <tr> |
| 98 | <td>German |
| 99 | <td>(DE) |
| 100 | <td><input name="language" type="radio" value="de" onchange="formSetLanguage('de')"><!-- language --> |
| 101 | <tr> |
| 102 | <td><a href="router.html.nl" title="Dutch language web page">Dutch</a> |
| 103 | <td>(NL) |
| 104 | <td><input name="language" type="radio" value="nl" onchange="formSetLanguage('nl')"><!-- language --> |
| 105 | <tr> |
| 106 | <td>Russian |
| 107 | <td>(RU) |
| 108 | <td><input name="language" type="radio" value="ru" onchange="formSetLanguage('ru')"><!-- language --> |
| 109 | </table> |
| 110 | </div> |
| 111 | </div> |
| 112 | |
| 113 | <div class="hideshow_box"> |
| 114 | <span id="hideshow_waypoint_show" onclick="hideshow_show('waypoint');" class="hideshow_hide">+</span> |
| 115 | <span id="hideshow_waypoint_hide" onclick="hideshow_hide('waypoint');" class="hideshow_show">-</span> |
| 116 | <span class="hideshow_title">Waypoints</span> |
| 117 | <div id="hideshow_waypoint_div"> |
| 118 | <table> |
| 119 | <tr id="point1"> |
| 120 | <td> |
| 121 | <img name="waypoint1" src="icons/marker-1-grey.png" title="Waypoint 1 Position - (click to add/remove on map)" alt="Waypoint 1" onmousedown="markerToggleMap(1)"> |
| 122 | <td> |
| 123 | <input name="lon1" type="text" size=7 title="Waypoint 1 Longitude" onchange="formSetCoords(1);"><!-- lon1 --> E |
| 124 | <td> |
| 125 | <input name="lat1" type="text" size=7 title="Waypoint 1 Latitude" onchange="formSetCoords(1);"><!-- lat1 --> N |
| 126 | <td> |
| 127 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(1);" > |
| 128 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(1);"> |
| 129 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(1);" > |
| 130 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(1);"><br> |
| 131 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(1);" > |
| 132 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(1);" > |
| 133 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(1);"> |
| 134 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(1);" > |
| 135 | <tr id="point2"> |
| 136 | <td> |
| 137 | <img name="waypoint2" src="icons/marker-2-grey.png" title="Waypoint 2 Position - (click to add/remove on map)" alt="Waypoint 2" onmousedown="markerToggleMap(2)"> |
| 138 | <td> |
| 139 | <input name="lon2" type="text" size=7 title="Waypoint 2 Longitude" onchange="formSetCoords(2);"><!-- lon2 --> E |
| 140 | <td> |
| 141 | <input name="lat2" type="text" size=7 title="Waypoint 2 Latitude" onchange="formSetCoords(2);"><!-- lat2 --> N |
| 142 | <td> |
| 143 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(2);" > |
| 144 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(2);"> |
| 145 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(2);" > |
| 146 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(2);"><br> |
| 147 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(2);" > |
| 148 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(2);" > |
| 149 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(2);"> |
| 150 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(2);" > |
| 151 | <tr id="point3"> |
| 152 | <td> |
| 153 | <img name="waypoint3" src="icons/marker-3-grey.png" title="Waypoint 3 Position - (click to add/remove on map)" alt="Waypoint 3" onmousedown="markerToggleMap(3)"> |
| 154 | <td> |
| 155 | <input name="lon3" type="text" size=7 title="Waypoint 3 Longitude" onchange="formSetCoords(3);"><!-- lon3 --> E |
| 156 | <td> |
| 157 | <input name="lat3" type="text" size=7 title="Waypoint 3 Latitude" onchange="formSetCoords(3);"><!-- lat3 --> N |
| 158 | <td> |
| 159 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(3);" > |
| 160 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(3);"> |
| 161 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(3);" > |
| 162 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(3);"><br> |
| 163 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(3);" > |
| 164 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(3);" > |
| 165 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(3);"> |
| 166 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(3);" > |
| 167 | <tr id="point4"> |
| 168 | <td> |
| 169 | <img name="waypoint4" src="icons/marker-4-grey.png" title="Waypoint 4 Position - (click to add/remove on map)" alt="Waypoint 4" onmousedown="markerToggleMap(4)"> |
| 170 | <td> |
| 171 | <input name="lon4" type="text" size=7 title="Waypoint 4 Longitude" onchange="formSetCoords(4);"><!-- lon4 --> E |
| 172 | <td> |
| 173 | <input name="lat4" type="text" size=7 title="Waypoint 4 Latitude" onchange="formSetCoords(4);"><!-- lat4 --> N |
| 174 | <td> |
| 175 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(4);" > |
| 176 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(4);"> |
| 177 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(4);" > |
| 178 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(4);"><br> |
| 179 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(4);" > |
| 180 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(4);"> |
| 181 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(4);"> |
| 182 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(4);" > |
| 183 | <tr id="point5"> |
| 184 | <td> |
| 185 | <img name="waypoint5" src="icons/marker-5-grey.png" title="Waypoint 5 Position - (click to add/remove on map)" alt="Waypoint 5" onmousedown="markerToggleMap(5)"> |
| 186 | <td> |
| 187 | <input name="lon5" type="text" size=7 title="Waypoint 5 Longitude" onchange="formSetCoords(5);"><!-- lon5 --> E |
| 188 | <td> |
| 189 | <input name="lat5" type="text" size=7 title="Waypoint 5 Latitude" onchange="formSetCoords(5);"><!-- lat5 --> N |
| 190 | <td> |
| 191 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(5);" > |
| 192 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(5);"> |
| 193 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(5);" > |
| 194 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(5);"><br> |
| 195 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(5);" > |
| 196 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(5);"> |
| 197 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(5);"> |
| 198 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(5);" > |
| 199 | <tr id="point6"> |
| 200 | <td> |
| 201 | <img name="waypoint6" src="icons/marker-6-grey.png" title="Waypoint 6 Position - (click to add/remove on map)" alt="Waypoint 6" onmousedown="markerToggleMap(6)"> |
| 202 | <td> |
| 203 | <input name="lon6" type="text" size=7 title="Waypoint 6 Longitude" onchange="formSetCoords(6);"><!-- lon6 --> E |
| 204 | <td> |
| 205 | <input name="lat6" type="text" size=7 title="Waypoint 6 Latitude" onchange="formSetCoords(6);"><!-- lat6 --> N |
| 206 | <td> |
| 207 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(6);" > |
| 208 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(6);"> |
| 209 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(6);" > |
| 210 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(6);"><br> |
| 211 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(6);" > |
| 212 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(6);"> |
| 213 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(6);"> |
| 214 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(6);" > |
| 215 | <tr id="point7"> |
| 216 | <td> |
| 217 | <img name="waypoint7" src="icons/marker-7-grey.png" title="Waypoint 7 Position - (click to add/remove on map)" alt="Waypoint 7" onmousedown="markerToggleMap(7)"> |
| 218 | <td> |
| 219 | <input name="lon7" type="text" size=7 title="Waypoint 7 Longitude" onchange="formSetCoords(7);"><!-- lon7 --> E |
| 220 | <td> |
| 221 | <input name="lat7" type="text" size=7 title="Waypoint 7 Latitude" onchange="formSetCoords(7);"><!-- lat7 --> N |
| 222 | <td> |
| 223 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(7);" > |
| 224 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(7);"> |
| 225 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(7);" > |
| 226 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(7);"><br> |
| 227 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(7);" > |
| 228 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(7);"> |
| 229 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(7);"> |
| 230 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(7);" > |
| 231 | <tr id="point8"> |
| 232 | <td> |
| 233 | <img name="waypoint8" src="icons/marker-8-grey.png" title="Waypoint 8 Position - (click to add/remove on map)" alt="Waypoint 8" onmousedown="markerToggleMap(8)"> |
| 234 | <td> |
| 235 | <input name="lon8" type="text" size=7 title="Waypoint 8 Longitude" onchange="formSetCoords(8);"><!-- lon8 --> E |
| 236 | <td> |
| 237 | <input name="lat8" type="text" size=7 title="Waypoint 8 Latitude" onchange="formSetCoords(8);"><!-- lat8 --> N |
| 238 | <td> |
| 239 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(8);" > |
| 240 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(8);"> |
| 241 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(8);" > |
| 242 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(8);"><br> |
| 243 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(8);" > |
| 244 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(8);"> |
| 245 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(8);"> |
| 246 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(8);" > |
| 247 | <tr id="point9"> |
| 248 | <td> |
| 249 | <img name="waypoint9" src="icons/marker-9-grey.png" title="Waypoint 9 Position - (click to add/remove on map)" alt="Waypoint 9" onmousedown="markerToggleMap(9)"> |
| 250 | <td> |
| 251 | <input name="lon9" type="text" size=7 title="Waypoint 9 Longitude" onchange="formSetCoords(9);"><!-- lon9 --> E |
| 252 | <td> |
| 253 | <input name="lat9" type="text" size=7 title="Waypoint 9 Latitude" onchange="formSetCoords(9);"><!-- lat9 --> N |
| 254 | <td> |
| 255 | <img alt="?" src="icons/waypoint-locate.png" title="Get current location" onmousedown="markerLocate(9);" > |
| 256 | <img alt="O" src="icons/waypoint-recentre.png" title="Centre map on this waypoint" onmousedown="markerRecentre(9);"> |
| 257 | <img alt="^" src="icons/waypoint-up.png" title="Move this waypoint up" onmousedown="markerMoveUp(9);" > |
| 258 | <img alt="+" src="icons/waypoint-add.png" title="Add waypoint after this one" onmousedown="markerAddAfter(9);"><br> |
| 259 | <img alt="~" src="icons/waypoint-home.png" title="Toggle as home location" onmousedown="markerHome(9);" > |
| 260 | <img alt="o" src="icons/waypoint-centre.png" title="Centre this waypoint on map" onmousedown="markerCentre(9);"> |
| 261 | <img alt="v" src="icons/waypoint-down.png" title="Move this waypoint down" onmousedown="markerMoveDown(9);"> |
| 262 | <img alt="-" src="icons/waypoint-remove.png" title="Remove this waypoint" onmousedown="markerRemove(9);" > |
| 263 | <!-- Up to 99 markers can be included here in the HTML --> |
| 264 | <tr> |
| 265 | <td colspan="4" align="center"><input type="button" title="Reverse order of waypoints" value="Reverse waypoint order" onmousedown="markersReverse();"> |
| 266 | </table> |
| 267 | </div> |
| 268 | </div> |
| 269 | |
| 270 | <div class="hideshow_box"> |
| 271 | <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">+</span> |
| 272 | <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">-</span> |
| 273 | <span class="hideshow_title">Transport Type</span> |
| 274 | <div id="hideshow_transport_div"> |
| 275 | <table> |
| 276 | <tr><td>Foot <td><input name="transport" type="radio" value="foot" onchange="formSetTransport('foot' )"><!-- transport --> |
| 277 | <tr><td>Horse <td><input name="transport" type="radio" value="horse" onchange="formSetTransport('horse' )"><!-- transport --> |
| 278 | <tr><td>Wheelchair<td><input name="transport" type="radio" value="wheelchair" onchange="formSetTransport('wheelchair')"><!-- transport --> |
| 279 | <tr><td>Bicycle <td><input name="transport" type="radio" value="bicycle" onchange="formSetTransport('bicycle' )"><!-- transport --> |
| 280 | <tr><td>Moped <td><input name="transport" type="radio" value="moped" onchange="formSetTransport('moped' )"><!-- transport --> |
| 281 | <tr><td>Motorbike <td><input name="transport" type="radio" value="motorbike" onchange="formSetTransport('motorbike' )"><!-- transport --> |
| 282 | <tr><td>Motorcar <td><input name="transport" type="radio" value="motorcar" onchange="formSetTransport('motorcar' )"><!-- transport --> |
| 283 | <tr><td>Goods <td><input name="transport" type="radio" value="goods" onchange="formSetTransport('goods' )"><!-- transport --> |
| 284 | <tr><td>HGV <td><input name="transport" type="radio" value="hgv" onchange="formSetTransport('hgv' )"><!-- transport --> |
| 285 | <tr><td>PSV <td><input name="transport" type="radio" value="psv" onchange="formSetTransport('psv' )"><!-- transport --> |
| 286 | </table> |
| 287 | </div> |
| 288 | </div> |
| 289 | |
| 290 | <div class="hideshow_box"> |
| 291 | <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">+</span> |
| 292 | <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">-</span> |
| 293 | <span class="hideshow_title">Highway Preferences</span> |
| 294 | <div id="hideshow_highway_div" style="display: none;"> |
| 295 | <table> |
| 296 | <tr><td>Motorway: <td><input name="highway-motorway" type="text" size=3 onchange="formSetHighway('motorway' )"><!-- highway-motorway --><td>% |
| 297 | <tr><td>Trunk: <td><input name="highway-trunk" type="text" size=3 onchange="formSetHighway('trunk' )"><!-- highway-trunk --><td>% |
| 298 | <tr><td>Primary: <td><input name="highway-primary" type="text" size=3 onchange="formSetHighway('primary' )"><!-- highway-primary --><td>% |
| 299 | <tr><td>Secondary: <td><input name="highway-secondary" type="text" size=3 onchange="formSetHighway('secondary' )"><!-- highway-secondary --><td>% |
| 300 | <tr><td>Tertiary: <td><input name="highway-tertiary" type="text" size=3 onchange="formSetHighway('tertiary' )"><!-- highway-tertiary --><td>% |
| 301 | <tr><td>Unclassified:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified')"><!-- highway-unclassified --><td>% |
| 302 | <tr><td>Residential: <td><input name="highway-residential" type="text" size=3 onchange="formSetHighway('residential' )"><!-- highway-residential --><td>% |
| 303 | <tr><td>Service: <td><input name="highway-service" type="text" size=3 onchange="formSetHighway('service' )"><!-- highway-service --><td>% |
| 304 | <tr><td>Track: <td><input name="highway-track" type="text" size=3 onchange="formSetHighway('track' )"><!-- highway-track --><td>% |
| 305 | <tr><td>Cycleway: <td><input name="highway-cycleway" type="text" size=3 onchange="formSetHighway('cycleway' )"><!-- highway-cycleway --><td>% |
| 306 | <tr><td>Path: <td><input name="highway-path" type="text" size=3 onchange="formSetHighway('path' )"><!-- highway-path --><td>% |
| 307 | <tr><td>Steps: <td><input name="highway-steps" type="text" size=3 onchange="formSetHighway('steps' )"><!-- highway-steps --><td>% |
| 308 | <tr><td>Ferry: <td><input name="highway-ferry" type="text" size=3 onchange="formSetHighway('ferry' )"><!-- highway-ferry --><td>% |
| 309 | </table> |
| 310 | </div> |
| 311 | </div> |
| 312 | |
| 313 | <div class="hideshow_box"> |
| 314 | <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">+</span> |
| 315 | <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">-</span> |
| 316 | <span class="hideshow_title">Speed Limits</span> |
| 317 | <div id="hideshow_speed_div" style="display: none;"> |
| 318 | <table> |
| 319 | <tr><td>Motorway: <td><input name="speed-motorway" type="text" size=3 onchange="formSetSpeed('motorway' )"><!-- speed-motorway --><td>km/hr |
| 320 | <tr><td>Trunk: <td><input name="speed-trunk" type="text" size=3 onchange="formSetSpeed('trunk' )"><!-- speed-trunk --><td>km/hr |
| 321 | <tr><td>Primary: <td><input name="speed-primary" type="text" size=3 onchange="formSetSpeed('primary' )"><!-- speed-primary --><td>km/hr |
| 322 | <tr><td>Secondary: <td><input name="speed-secondary" type="text" size=3 onchange="formSetSpeed('secondary' )"><!-- speed-secondary --><td>km/hr |
| 323 | <tr><td>Tertiary: <td><input name="speed-tertiary" type="text" size=3 onchange="formSetSpeed('tertiary' )"><!-- speed-tertiary --><td>km/hr |
| 324 | <tr><td>Unclassified:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified')"><!-- speed-unclassified --><td>km/hr |
| 325 | <tr><td>Residential: <td><input name="speed-residential" type="text" size=3 onchange="formSetSpeed('residential' )"><!-- speed-residential --><td>km/hr |
| 326 | <tr><td>Service: <td><input name="speed-service" type="text" size=3 onchange="formSetSpeed('service' )"><!-- speed-service --><td>km/hr |
| 327 | <tr><td>Track: <td><input name="speed-track" type="text" size=3 onchange="formSetSpeed('track' )"><!-- speed-track --><td>km/hr |
| 328 | <tr><td>Cycleway: <td><input name="speed-cycleway" type="text" size=3 onchange="formSetSpeed('cycleway' )"><!-- speed-cycleway --><td>km/hr |
| 329 | <tr><td>Path: <td><input name="speed-path" type="text" size=3 onchange="formSetSpeed('path' )"><!-- speed-path --><td>km/hr |
| 330 | <tr><td>Steps: <td><input name="speed-steps" type="text" size=3 onchange="formSetSpeed('steps' )"><!-- speed-steps --><td>km/hr |
| 331 | <tr><td>Ferry: <td><input name="speed-ferry" type="text" size=3 onchange="formSetSpeed('ferry' )"><!-- speed-ferry --><td>km/hr |
| 332 | </table> |
| 333 | </div> |
| 334 | </div> |
| 335 | |
| 336 | <div class="hideshow_box"> |
| 337 | <span id="hideshow_property_show" onclick="hideshow_show('property');" class="hideshow_show">+</span> |
| 338 | <span id="hideshow_property_hide" onclick="hideshow_hide('property');" class="hideshow_hide">-</span> |
| 339 | <span class="hideshow_title">Property Preferences</span> |
| 340 | <div id="hideshow_property_div" style="display: none;"> |
| 341 | <table> |
| 342 | <tr><td>Paved: <td><input name="property-paved" type="text" size=3 onchange="formSetProperty('paved' )"><!-- property-paved --><td>% |
| 343 | <tr><td>Multiple Lanes:<td><input name="property-multilane" type="text" size=3 onchange="formSetProperty('multilane' )"><!-- property-multilane --><td>% |
| 344 | <tr><td>Bridge: <td><input name="property-bridge" type="text" size=3 onchange="formSetProperty('bridge' )"><!-- property-bridge --><td>% |
| 345 | <tr><td>Tunnel: <td><input name="property-tunnel" type="text" size=3 onchange="formSetProperty('tunnel' )"><!-- property-tunnel --><td>% |
| 346 | <tr><td>Walking Route: <td><input name="property-footroute" type="text" size=3 onchange="formSetProperty('footroute' )"><!-- property-footroute --><td>% |
| 347 | <tr><td>Bicycle Route: <td><input name="property-bicycleroute" type="text" size=3 onchange="formSetProperty('bicycleroute')"><!-- property-bicycleroute --><td>% |
| 348 | </table> |
| 349 | </div> |
| 350 | </div> |
| 351 | |
| 352 | <div class="hideshow_box"> |
| 353 | <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">+</span> |
| 354 | <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">-</span> |
| 355 | <span class="hideshow_title">Other Restrictions</span> |
| 356 | <div id="hideshow_restriction_div" style="display: none;"> |
| 357 | <table> |
| 358 | <tr><td>Obey oneway:<td><input name="restrict-oneway" type="checkbox" onchange="formSetRestriction('oneway')"><!-- oneway --><td> |
| 359 | <tr><td>Obey turns: <td><input name="restrict-turns" type="checkbox" onchange="formSetRestriction('turns' )"><!-- turns --><td> |
| 360 | <tr><td>Weight: <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight')"><!-- weight --><td>tonnes |
| 361 | <tr><td>Height: <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height')"><!-- height --><td>metres |
| 362 | <tr><td>Width: <td><input name="restrict-width" type="text" size=3 onchange="formSetRestriction('width' )"><!-- width --><td>metres |
| 363 | <tr><td>Length: <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length')"><!-- length --><td>metres |
| 364 | </table> |
| 365 | </div> |
| 366 | </div> |
| 367 | |
| 368 | <div class="hideshow_box"> |
| 369 | <span class="hideshow_title">Find</span> |
| 370 | <input type="button" title="Find shortest route" id="shortest" value="Shortest" onclick="findRoute('shortest');"> |
| 371 | <input type="button" title="Find quickest route" id="quickest" value="Quickest" onclick="findRoute('quickest');"> |
| 372 | </div> |
| 373 | |
| 374 | <div class="hideshow_box"> |
| 375 | <span class="hideshow_title">Links</span> |
| 376 | <a id="link_url" href="router.html">Permanent link to these parameters</a> |
| 377 | <br> |
| 378 | <a id="edit_url" target="other" href="http://www.openstreetmap.org/">Edit OSM data in Potlatch</a> |
| 379 | </div> |
| 380 | |
| 381 | <div class="hideshow_box"> |
| 382 | <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">+</span> |
| 383 | <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">-</span> |
| 384 | <span class="hideshow_title">Help</span> |
| 385 | <div id="hideshow_help_options_div"> |
| 386 | <div class="scrollable"> |
| 387 | <p> |
| 388 | <b>Quick Start</b> |
| 389 | <br> |
| 390 | Click on marker icons (above) to place them on the map (right). Then |
| 391 | drag them to the correct position. Zooming the map before placing the |
| 392 | markers is probably easiest. Alternatively type the latitude and |
| 393 | longitude into the boxes above. |
| 394 | <p> |
| 395 | Select the transport type, allowed highway types, speed limits, highway |
| 396 | properties and other restrictions from the options above. |
| 397 | Select "Shortest" or "Quickest" to calculate the route and display it |
| 398 | on the map. |
| 399 | <p> |
| 400 | <b>Waypoints</b> |
| 401 | <br> |
| 402 | Clicking on the marker icons will toggle the display of them on the map. |
| 403 | When a route is calculated it will visit (as close as possible |
| 404 | for the selected transport type) each of the waypoints that have |
| 405 | markers on the map in the order given. |
| 406 | <p> |
| 407 | <b>Transport Type</b> |
| 408 | <br> |
| 409 | Selecting a transport type will restrict the chosen route to |
| 410 | those on which it is allowed and set default values for the |
| 411 | other parameters. |
| 412 | <p> |
| 413 | <b>Highway Preferences</b> |
| 414 | <br> |
| 415 | The highway preference is selected as a percentage and routes are chosen that |
| 416 | try to follow the preferred highways. |
| 417 | For example if a "Primary" road is given a "110%" preference and a "Secondary" |
| 418 | road is given a "100%" preference then it means that a route on a Primary road |
| 419 | can be up to 10% longer than on a secondary road and still be selected. |
| 420 | <p> |
| 421 | <b>Speed Limits</b> |
| 422 | <br> |
| 423 | The speed limits chosen here for the different types of highway apply if the |
| 424 | highway has no other speed limit marked or it is higher than the chosen one. |
| 425 | <p> |
| 426 | <b>Property Preferences</b> |
| 427 | <br> |
| 428 | The property preference is selected as a percentage and routes are chosen that |
| 429 | try to follow highways with the preferred property. |
| 430 | For example if a "Paved" highway is given a "75%" preference then it means that |
| 431 | an unpaved highway is automatically given a "25%" preference so that a route on |
| 432 | a paved highway can be 3 times the length of an unpaved one and still be |
| 433 | selected. |
| 434 | <p> |
| 435 | <b>Other Restrictions</b> |
| 436 | <br> |
| 437 | These allow a route to be found that avoids marked limits on |
| 438 | weight, height, width or length. It is also possible to ignore |
| 439 | one-way restrictions (e.g. if walking). |
| 440 | </div> |
| 441 | </div> |
| 442 | </div> |
| 443 | </form> |
| 444 | </div> |
| 445 | |
| 446 | |
| 447 | <div class="tab_content" id="tab_results_div" style="display: none;"> |
| 448 | |
| 449 | <div class="hideshow_box"> |
| 450 | <span class="hideshow_title">Status</span> |
| 451 | <div id="result_status"> |
| 452 | <div id="result_status_not_run"> |
| 453 | <b><i>Router not run</i></b> |
| 454 | </div> |
| 455 | <div id="result_status_running" style="display: none;"> |
| 456 | <b>Router running...</b> |
| 457 | </div> |
| 458 | <div id="result_status_complete" style="display: none;"> |
| 459 | <b>Routing completed</b> |
| 460 | <br> |
| 461 | <a id="router_log_complete" target="router_log" href="#">View Details</a> |
| 462 | </div> |
| 463 | <div id="result_status_error" style="display: none;"> |
| 464 | <b>Router error</b> |
| 465 | <br> |
| 466 | <a id="router_log_error" target="router_log" href="#">View Details</a> |
| 467 | </div> |
| 468 | <div id="result_status_failed" style="display: none;"> |
| 469 | <b>Router failed to run</b> |
| 470 | </div> |
| 471 | </div> |
| 472 | </div> |
| 473 | |
| 474 | <div class="hideshow_box"> |
| 475 | <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">+</span> |
| 476 | <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">-</span> |
| 477 | <span class="hideshow_title">Shortest Route</span> |
| 478 | <div id="shortest_status"> |
| 479 | <div id="shortest_status_no_info"> |
| 480 | <b><i>No Information</i></b> |
| 481 | </div> |
| 482 | <div id="shortest_status_info" style="display: none;"> |
| 483 | </div> |
| 484 | </div> |
| 485 | <div id="hideshow_shortest_div" style="display: none;"> |
| 486 | <div id="shortest_links" style="display: none;"> |
| 487 | <table> |
| 488 | <tr><td>HTML directions:<td><a id="shortest_html" target="shortest_html" href="#">Open Popup</a> |
| 489 | <tr><td>GPX track file: <td><a id="shortest_gpx_track" target="shortest_gpx_track" href="#">Open Popup</a> |
| 490 | <tr><td>GPX route file: <td><a id="shortest_gpx_route" target="shortest_gpx_route" href="#">Open Popup</a> |
| 491 | <tr><td>Full text file: <td><a id="shortest_text_all" target="shortest_text_all" href="#">Open Popup</a> |
| 492 | <tr><td>Text file: <td><a id="shortest_text" target="shortest_text" href="#">Open Popup</a> |
| 493 | </table> |
| 494 | <hr> |
| 495 | </div> |
| 496 | <div id="shortest_route"> |
| 497 | </div> |
| 498 | </div> |
| 499 | </div> |
| 500 | |
| 501 | <div class="hideshow_box"> |
| 502 | <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">+</span> |
| 503 | <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">-</span> |
| 504 | <span class="hideshow_title">Quickest Route</span> |
| 505 | <div id="quickest_status"> |
| 506 | <div id="quickest_status_no_info"> |
| 507 | <b><i>No Information</i></b> |
| 508 | </div> |
| 509 | <div id="quickest_status_info" style="display: none;"> |
| 510 | </div> |
| 511 | </div> |
| 512 | <div id="hideshow_quickest_div" style="display: none;"> |
| 513 | <div id="quickest_links" style="display: none;"> |
| 514 | <table> |
| 515 | <tr><td>HTML directions:<td><a id="quickest_html" target="quickest_html" href="#">Open Popup</a> |
| 516 | <tr><td>GPX track file: <td><a id="quickest_gpx_track" target="quickest_gpx_track" href="#">Open Popup</a> |
| 517 | <tr><td>GPX route file: <td><a id="quickest_gpx_route" target="quickest_gpx_route" href="#">Open Popup</a> |
| 518 | <tr><td>Full text file: <td><a id="quickest_text_all" target="quickest_text_all" href="#">Open Popup</a> |
| 519 | <tr><td>Text file: <td><a id="quickest_text" target="quickest_text" href="#">Open Popup</a> |
| 520 | </table> |
| 521 | <hr> |
| 522 | </div> |
| 523 | <div id="quickest_route"> |
| 524 | </div> |
| 525 | </div> |
| 526 | </div> |
| 527 | |
| 528 | <div class="hideshow_box"> |
| 529 | <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">+</span> |
| 530 | <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">-</span> |
| 531 | <span class="hideshow_title">Help</span> |
| 532 | <div id="hideshow_help_route_div"> |
| 533 | <div class="scrollable"> |
| 534 | <p> |
| 535 | <b>Quick Start</b> |
| 536 | <br> |
| 537 | After calculating a route you can download the GPX file or plain |
| 538 | text route description (summary or detailed version). Also you |
| 539 | can view the route description and zoom in to selected parts. |
| 540 | <p style="margin-bottom: 0px"> |
| 541 | <b>Problem Solving</b> |
| 542 | <br> |
| 543 | If the router completes with an error then the most likely cause is |
| 544 | that it is not possible to find a route between the selected points. |
| 545 | Moving one or more markers or changing the routing options should |
| 546 | allow a route to be found. |
| 547 | <p style="margin-bottom: 0px"> |
| 548 | <b>Output Formats</b> |
| 549 | <br> |
| 550 | <dl style="margin-top: 0px"> |
| 551 | <dt>HTML instructions |
| 552 | <dd>A description of the route to take with directions at each |
| 553 | important junction. |
| 554 | <dt>GPX track file |
| 555 | <dd>The same information that is displayed on the map with points |
| 556 | for every node and lines for every segment. |
| 557 | <dt>GPX route file |
| 558 | <dd>The same information that is displayed in text for the route |
| 559 | with a waypoint for each important junction in the route. |
| 560 | <dt>Full text file |
| 561 | <dd>A list of all of the nodes visited as well as the distance |
| 562 | between them and the cumulative distance for each step of the |
| 563 | route. |
| 564 | <dt>Text file |
| 565 | <dd>The same information that is displayed in text for the route. |
| 566 | </dl> |
| 567 | </div> |
| 568 | </div> |
| 569 | </div> |
| 570 | </div> |
| 571 | |
| 572 | |
| 573 | <div class="tab_content" id="tab_data_div" style="display: none;"> |
| 574 | <div class="hideshow_box"> |
| 575 | <span class="hideshow_title">Statistics</span> |
| 576 | <div id="statistics_data"></div> |
| 577 | <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a> |
| 578 | </div> |
| 579 | |
| 580 | <div class="hideshow_box"> |
| 581 | <span class="hideshow_title">Visualiser</span> |
| 582 | To see Routino's view of the data there is a data visualiser that allows |
| 583 | displaying of the underlying data in various ways. |
| 584 | <br> |
| 585 | <a id="visualiser_url" target="other" href="visualiser.html">Custom link to this map view</a> |
| 586 | </div> |
| 587 | </div> |
| 588 | |
| 589 | </div> |
| 590 | |
| 591 | <!-- Right hand side of window - map --> |
| 592 | |
| 593 | <div class="right_panel"> |
| 594 | <div class="map" id="map"> |
| 595 | <noscript> |
| 596 | Javascript is <em>required</em> to use this web page because of the |
| 597 | interactive map. |
| 598 | </noscript> |
| 599 | </div> |
| 600 | <div class="attribution"> |
| 601 | <a target="other" href="http://www.routino.org/" title="Routino">Router: Routino</a> |
| 602 | | |
| 603 | <a target="other" href="http://www.openstreetmap.org/" title="Copyright: OpenStreetMap.org; License: Creative Commons Attribution-Share Alike 2.0">Geo Data: OpenStreetMap</a> |
| 604 | </div> |
| 605 | </div> |
| 606 | |
| 607 | </BODY> |
| 608 | </HTML> |