Routino SVN Repository Browser

Check out the latest version of Routino: svn co http://routino.org/svn/trunk routino

/[routino]/trunk/web/www/routino/router.html
ViewVC logotype

Annotation of /trunk/web/www/routino/router.html

Parent Directory Parent Directory | Revision Log Revision Log

Revision 572 - (hide annotations) (download) (as text)
Wed Dec 29 09:58:20 2010 UTC (14 years, 3 months ago) by amb
File MIME type: text/html
File size: 21004 byte(s) 
Added the uncontrolled (not auto-generated) files from routino-1.2.
1 amb 569 <!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,2009 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>UK 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 specific features -->
38     <script src="router.js" type="text/javascript"></script>
39     <link href="router.css" type="text/css" rel="stylesheet">
40    
41     </HEAD>
42     <BODY onload="map_init('lat','lon','zoom');form_init();block_return_key();">
43    
44     <!-- Left hand side of window - data panel -->
45    
46     <div class="left_panel">
47    
48     <div class="tab_box">
49 amb 572 <span id="tab_options" onclick="tab_select('options');" class="tab_selected" title="Set routing options">Options</span>
50     <span id="tab_results" onclick="tab_select('results');" class="tab_unselected" title="See routing results">Results</span>
51     <span id="tab_data" onclick="tab_select('data');" class="tab_unselected" title="View database information">Data</span>
52 amb 569 </div>
53    
54     <div class="options" id="tab_options_div">
55     <form name="form" id="form" action="router.cgi" method="get">
56     <div class="hideshow_box">
57 amb 572 <span class="subtitle">Routino OpenStreetMap Router</span>
58 amb 569 <br>
59     This web page allows routing within the data collected by OpenStreetMap.
60     Select start and end points (click on the marker icons below), select routing preferences then find a route.
61     <div align="center">
62     <a href="index.html">Information</a>
63     |
64     <a href="../../software/routino/algorithm.html">Algorithm</a>
65     |
66     <a href="../../software/routino/tagging.html">OSM Tagging</a>
67     </div>
68     </div>
69    
70     <div class="hideshow_box">
71 amb 572 <span class="subtitle">Locations</span>
72     <br>
73     <table>
74     <tr><td>1:
75     <td><input name="lon1" type="text" size=8 title="Waypoint 1 Longitude" onchange="formSetCoords(1);"><!-- lon1 --> E
76     <td><input name="lat1" type="text" size=8 title="Waypoint 1 Latitude" onchange="formSetCoords(1);"><!-- lat1 --> N
77     <td><img name="waypoint1" src="icons/marker-1-grey.png" title="Waypoint 1 Position - (click to add/remove on map)" alt="Waypoint 1" onmousedown="markerAddRemove(1)">
78     <tr><td>2:
79     <td><input name="lon2" type="text" size=8 title="Waypoint 2 Longitude" onchange="formSetCoords(2);"><!-- lon2 --> E
80     <td><input name="lat2" type="text" size=8 title="Waypoint 2 Latitude" onchange="formSetCoords(2);"><!-- lat2 --> N
81     <td><img name="waypoint2" src="icons/marker-2-grey.png" title="Waypoint 2 Position - (click to add/remove on map)" alt="Waypoint 2" onmousedown="markerAddRemove(2)">
82     <tr><td>3:
83     <td><input name="lon3" type="text" size=8 title="Waypoint 3 Longitude" onchange="formSetCoords(3);"><!-- lon3 --> E
84     <td><input name="lat3" type="text" size=8 title="Waypoint 3 Latitude" onchange="formSetCoords(3);"><!-- lat3 --> N
85     <td><img name="waypoint3" src="icons/marker-3-grey.png" title="Waypoint 3 Position - (click to add/remove on map)" alt="Waypoint 3" onmousedown="markerAddRemove(3)">
86     <!-- Up to 9 points can be used, only 3 are available by default, copy and paste the above if needed. -->
87     </table>
88 amb 569 </div>
89    
90     <div class="hideshow_box">
91     <span id="hideshow_transport_show" onclick="hideshow_show('transport');" class="hideshow_hide">Show</span>
92     <span id="hideshow_transport_hide" onclick="hideshow_hide('transport');" class="hideshow_show">Hide</span>
93 amb 572 <span class="subtitle">Transport Type</span>
94 amb 569 <br>
95     <div id="hideshow_transport_div">
96 amb 572 <table>
97 amb 569 <tr><td>Foot <td><input name="transport" type="radio" value="foot" onchange="formSetTransport('foot' )"><!-- transport -->
98     <tr><td>Bicycle <td><input name="transport" type="radio" value="bicycle" onchange="formSetTransport('bicycle' )"><!-- transport -->
99     <tr><td>Horse <td><input name="transport" type="radio" value="horse" onchange="formSetTransport('horse' )"><!-- transport -->
100     <tr><td>Motorbike<td><input name="transport" type="radio" value="motorbike" onchange="formSetTransport('motorbike')"><!-- transport -->
101     <tr><td>Motorcar <td><input name="transport" type="radio" value="motorcar" onchange="formSetTransport('motorcar' )"><!-- transport -->
102     <tr><td>Goods <td><input name="transport" type="radio" value="goods" onchange="formSetTransport('goods' )"><!-- transport -->
103     <tr><td>HGV <td><input name="transport" type="radio" value="hgv" onchange="formSetTransport('hgv' )"><!-- transport -->
104     <tr><td>PSV <td><input name="transport" type="radio" value="psv" onchange="formSetTransport('psv' )"><!-- transport -->
105     </table>
106     </div>
107     </div>
108    
109     <div class="hideshow_box">
110     <span id="hideshow_highway_show" onclick="hideshow_show('highway');" class="hideshow_show">Show</span>
111     <span id="hideshow_highway_hide" onclick="hideshow_hide('highway');" class="hideshow_hide">Hide</span>
112 amb 572 <span class="subtitle">Highway Preferences</span>
113 amb 569 <br>
114     <div id="hideshow_highway_div" style="display: none;">
115 amb 572 <table>
116 amb 569 <tr><td>Motorway: <td><input name="highway-motorway" type="text" size=3 onchange="formSetHighway('motorway' )"><!-- highway-motorway --><td>%
117     <tr><td>Trunk: <td><input name="highway-trunk" type="text" size=3 onchange="formSetHighway('trunk' )"><!-- highway-trunk --><td>%
118     <tr><td>Primary: <td><input name="highway-primary" type="text" size=3 onchange="formSetHighway('primary' )"><!-- highway-primary --><td>%
119     <tr><td>Secondary: <td><input name="highway-secondary" type="text" size=3 onchange="formSetHighway('secondary' )"><!-- highway-secondary --><td>%
120     <tr><td>Tertiary: <td><input name="highway-tertiary" type="text" size=3 onchange="formSetHighway('tertiary' )"><!-- highway-tertiary --><td>%
121     <tr><td>Unclassified:<td><input name="highway-unclassified" type="text" size=3 onchange="formSetHighway('unclassified')"><!-- highway-unclassified --><td>%
122     <tr><td>Residential: <td><input name="highway-residential" type="text" size=3 onchange="formSetHighway('residential' )"><!-- highway-residential --><td>%
123     <tr><td>Service: <td><input name="highway-service" type="text" size=3 onchange="formSetHighway('service' )"><!-- highway-service --><td>%
124     <tr><td>Track: <td><input name="highway-track" type="text" size=3 onchange="formSetHighway('track' )"><!-- highway-track --><td>%
125     <tr><td>Path: <td><input name="highway-path" type="text" size=3 onchange="formSetHighway('path' )"><!-- highway-path --><td>%
126     <tr><td>Bridleway: <td><input name="highway-bridleway" type="text" size=3 onchange="formSetHighway('bridleway' )"><!-- highway-bridleway --><td>%
127     <tr><td>Cycleway: <td><input name="highway-cycleway" type="text" size=3 onchange="formSetHighway('cycleway' )"><!-- highway-cycleway --><td>%
128     <tr><td>Footway: <td><input name="highway-footway" type="text" size=3 onchange="formSetHighway('footway' )"><!-- highway-footway --><td>%
129     </table>
130     </div>
131     </div>
132    
133     <div class="hideshow_box">
134     <span id="hideshow_speed_show" onclick="hideshow_show('speed');" class="hideshow_show">Show</span>
135     <span id="hideshow_speed_hide" onclick="hideshow_hide('speed');" class="hideshow_hide">Hide</span>
136 amb 572 <span class="subtitle">Speed Limits</span>
137 amb 569 <br>
138     <div id="hideshow_speed_div" style="display: none;">
139 amb 572 <table>
140 amb 569 <tr><td>Motorway: <td><input name="speed-motorway" type="text" size=3 onchange="formSetSpeed('motorway' )"><!-- speed-motorway --><td>km/hr
141     <tr><td>Trunk: <td><input name="speed-trunk" type="text" size=3 onchange="formSetSpeed('trunk' )"><!-- speed-trunk --><td>km/hr
142     <tr><td>Primary: <td><input name="speed-primary" type="text" size=3 onchange="formSetSpeed('primary' )"><!-- speed-primary --><td>km/hr
143     <tr><td>Secondary: <td><input name="speed-secondary" type="text" size=3 onchange="formSetSpeed('secondary' )"><!-- speed-secondary --><td>km/hr
144     <tr><td>Tertiary: <td><input name="speed-tertiary" type="text" size=3 onchange="formSetSpeed('tertiary' )"><!-- speed-tertiary --><td>km/hr
145     <tr><td>Unclassified:<td><input name="speed-unclassified" type="text" size=3 onchange="formSetSpeed('unclassified')"><!-- speed-unclassified --><td>km/hr
146     <tr><td>Residential: <td><input name="speed-residential" type="text" size=3 onchange="formSetSpeed('residential' )"><!-- speed-residential --><td>km/hr
147     <tr><td>Service: <td><input name="speed-service" type="text" size=3 onchange="formSetSpeed('service' )"><!-- speed-service --><td>km/hr
148     <tr><td>Track: <td><input name="speed-track" type="text" size=3 onchange="formSetSpeed('track' )"><!-- speed-track --><td>km/hr
149     <tr><td>Path: <td><input name="speed-path" type="text" size=3 onchange="formSetSpeed('path' )"><!-- speed-path --><td>km/hr
150     <tr><td>Bridleway: <td><input name="speed-bridleway" type="text" size=3 onchange="formSetSpeed('bridleway' )"><!-- speed-bridleway --><td>km/hr
151     <tr><td>Cycleway: <td><input name="speed-cycleway" type="text" size=3 onchange="formSetSpeed('cycleway' )"><!-- speed-cycleway --><td>km/hr
152     <tr><td>Footway: <td><input name="speed-footway" type="text" size=3 onchange="formSetSpeed('footway' )"><!-- speed-footway --><td>km/hr
153     </table>
154     </div>
155     </div>
156    
157     <div class="hideshow_box">
158     <span id="hideshow_restriction_show" onclick="hideshow_show('restriction');" class="hideshow_show">Show</span>
159     <span id="hideshow_restriction_hide" onclick="hideshow_hide('restriction');" class="hideshow_hide">Hide</span>
160 amb 572 <span class="subtitle">Other Restrictions</span>
161 amb 569 <br>
162     <div id="hideshow_restriction_div" style="display: none;">
163 amb 572 <table>
164 amb 569 <tr><td>Obey oneway:<td><input name="restrict-oneway" type="checkbox" onchange="formSetRestriction('oneway')"><!-- oneway --><td>
165     <tr><td>Weight: <td><input name="restrict-weight" type="text" size=3 onchange="formSetRestriction('weight')"><!-- weight --><td>tonnes
166     <tr><td>Height: <td><input name="restrict-height" type="text" size=3 onchange="formSetRestriction('height')"><!-- height --><td>metres
167     <tr><td>Width: <td><input name="restrict-width" type="text" size=3 onchange="formSetRestriction('width' )"><!-- width --><td>metres
168     <tr><td>Length: <td><input name="restrict-length" type="text" size=3 onchange="formSetRestriction('length')"><!-- length --><td>metres
169     </table>
170     </div>
171     </div>
172    
173     <div class="hideshow_box">
174 amb 572 <span class="subtitle">Find</span>
175 amb 569 <br>
176     <input type="button" id="shortest" value="Shortest" onclick="findRoute('shortest');">
177     <input type="button" id="quickest" value="Quickest" onclick="findRoute('quickest');">
178     </div>
179    
180     <div class="hideshow_box">
181 amb 572 <span class="subtitle">Links</span>
182 amb 569 <br>
183     <a id="custom_url" href="router.html">Permanent link to these parameters</a>
184     </div>
185    
186     <div class="hideshow_box">
187 amb 572 <span id="hideshow_help_options_show" onclick="hideshow_show('help_options');" class="hideshow_hide">Show</span>
188     <span id="hideshow_help_options_hide" onclick="hideshow_hide('help_options');" class="hideshow_show">Hide</span>
189     <span class="subtitle">Help</span>
190 amb 569 <br>
191 amb 572 <div id="hideshow_help_options_div">
192     <div class="scrollable">
193     <p>
194     <b>Quick Start</b>
195     <br>
196     Click on marker icons (above) to place them on the map (right). Then
197     drag them to the correct position. Zooming the map before placing the
198     markers is probably easiest. Alternatively type the latitude and
199     longitude into the boxes above.
200     <p>
201     Select the transport type, allowed highway types, speed limits and
202     other restrictions from the options above.
203     Select "Shortest" or "Quickest" to calculate the route and display it
204     on the map.
205     <p>
206     <b>Locations</b>
207     <br>
208     Clicking on the marker icons will toggle the display of them on the map.
209     When a route is calculated it will visit each of the locations that have markers on the map in order.
210     <p>
211     <b>Transport Type</b>
212     <br>
213     Selecting a transport type will restrict the chosen route to those on which it is allowed.
214     <p>
215     <b>Highway Preferences</b>
216     <br>
217     The highway preference is selected as a percentage and routes are chosen that
218     try to follow the preferred highways.
219     For example if a "Primary" road is given a "110%" preference and a "Secondary"
220     road is given a "100%" preference then it means that a route on a Primary road
221     can be up to 10% longer than on a secondary road and still selected.
222     <p>
223     <b>Speed Limits</b>
224     <br>
225     The speed limits chosen here for the different types of highway apply if the
226     highway has no other speed limit marked or it is higher than the chosen one.
227     <p>
228     <b>Other Restrictions</b>
229     <br>
230     These allow a route to be found that avoids marked limits on weight, height, width or length.
231     It is also possible to ignore one-way restrictions (e.g. if walking).
232     </div>
233 amb 569 </div>
234     </div>
235     </form>
236     </div>
237    
238    
239     <div class="route" id="tab_results_div" style="display: none;">
240     <div class="hideshow_box">
241 amb 572 <span class="subtitle">Status</span>
242 amb 569 <div id="result_status">
243     <i>Router not run</i>
244     </div>
245     </div>
246    
247     <div class="hideshow_box">
248     <span id="hideshow_shortest_show" onclick="hideshow_show('shortest');" class="hideshow_show">Show</span>
249     <span id="hideshow_shortest_hide" onclick="hideshow_hide('shortest');" class="hideshow_hide">Hide</span>
250 amb 572 <span class="subtitle">Shortest Route</span>
251 amb 569 <br>
252     <b><span id="shortest_status"><i>No Information</i></span></b>
253     <br>
254     <div id="hideshow_shortest_div" style="display: none;">
255     <div id="shortest_data">
256     </div>
257     <div id="shortest_text">
258     </div>
259     </div>
260     </div>
261    
262     <div class="hideshow_box">
263     <span id="hideshow_quickest_show" onclick="hideshow_show('quickest');" class="hideshow_show">Show</span>
264     <span id="hideshow_quickest_hide" onclick="hideshow_hide('quickest');" class="hideshow_hide">Hide</span>
265 amb 572 <span class="subtitle">Quickest Route</span>
266 amb 569 <br>
267     <b><span id="quickest_status"><i>No Information</i></span></b>
268     <br>
269     <div id="hideshow_quickest_div" style="display: none;">
270     <div id="quickest_data">
271     </div>
272     <div id="quickest_text">
273     </div>
274     </div>
275     </div>
276    
277     <div class="hideshow_box">
278 amb 572 <span id="hideshow_help_route_show" onclick="hideshow_show('help_route');" class="hideshow_hide">Show</span>
279     <span id="hideshow_help_route_hide" onclick="hideshow_hide('help_route');" class="hideshow_show">Hide</span>
280     <span class="subtitle">Help</span>
281 amb 569 <br>
282 amb 572 <div id="hideshow_help_route_div">
283     <div class="scrollable">
284     <p>
285     <b>Quick Start</b>
286     <br>
287     After calculating a route you can download the GPX file or plain
288     text route description (summary or detailed version). Also you can
289     view the route description and zoom in to selected parts.
290     <p>
291     <b>Error Messages</b>
292     <br>
293     <dl>
294     <dt>Cannot find node close to specified point.
295     <dd>There is no highway near to one of the markers.
296     <dt>Cannot find route compatible with profile.
297     <dd>There is no route between one of the pairs of markers that is possible
298     with the selected highway types and other restrictions.
299     </dl>
300     In all cases moving one or more markers or changing the routing
301     options should find a route.
302     <p>
303     <b>Output Formats</b>
304     <br>
305     <dl>
306     <dt>GPX track file
307     <dd>The same information that is displayed on the map with points for every
308     node and lines for every segment.
309     <dt>GPX route file
310     <dd>The same information that is displayed in text for the route with a
311     waypoint for each important junction in the route.
312     <dt>Full text file
313     <dd>A list of all of the nodes visited as well as the distance between them
314     and the cumulative distance for each step of the route.
315     <dt>Text file
316     <dd>The same information that is displayed in text for the route.
317     </dl>
318     </div>
319 amb 569 </div>
320     </div>
321     </div>
322    
323    
324     <div class="data" id="tab_data_div" style="display: none;">
325     <div class="hideshow_box">
326 amb 572 <span class="subtitle">Statistics</span>
327 amb 569 <br>
328     <div id="statistics_data"></div>
329     <a id="statistics_link" href="statistics.cgi" onclick="displayStatistics();return(false);">Display data statistics</a>
330     </div>
331    
332     <div class="hideshow_box">
333 amb 572 <span class="subtitle">Visualiser</span>
334 amb 569 <br>
335     To see Routino's view of the data there is a data visualiser that allows
336     displaying of the underlying data in various ways.
337     <br>
338     <a id="visualiser_url" href="visualiser.html">Custom link to this map view</a>
339     </div>
340     </div>
341    
342     </div>
343    
344     <!-- Right hand side of window - map -->
345    
346     <!--[if IE 6]> <style type="text/css"> DIV.map { width: 99%; height: 95%; } </style> <![endif]-->
347     <!--[if IE 7]> <style type="text/css"> DIV.map { width: 99%; height: 95%; } </style> <![endif]-->
348    
349     <div class="right_panel">
350     <div class="map" id="map">
351     <noscript>
352     Javascript is <em>required</em> to use this web page because of the
353     interactive map.
354     </noscript>
355     </div>
356     <div class="attribution">
357     <a href="http://www.gedanken.org.uk/software/routino/" title="Routino">Router: Routino</a>
358     |
359     <a href="http://www.openstreetmap.org" title="OpenStreetMap">Geographical Data: OpenStreetMap</a>
360     |
361     <a href="http://www.openlayers.org" title="OpenLayers">Javascript Library: OpenLayers</a>
362     </div>
363     </div>
364    
365     </BODY>
366     </HTML>
Index: This Site Routino Software Download Source Code Documentation XML Files Links
Index: View SVN Development Recent changes Development (destination-access branch) Version 3.4.2 (destination-access branch) Version 3.4.2 Version 3.4.1 (destination-access branch) Version 3.4.1 Version 3.4 (destination-access branch) Version 3.4 Version 3.3.3 (destination-access branch) Version 3.3.3 Version 3.3.2 (destination-access branch) Version 3.3.2 Version 3.3.1 (destination-access branch) Version 3.3.1 Version 3.3 (destination-access branch) Version 3.3 Version 3.2 Version 3.1.1 Version 3.1 Version 3.0 Version 2.7.3 Version 2.7.2 Version 2.7.1 Version 2.7 Version 2.6 Version 2.5.1 Version 2.5 Version 2.4.1 Version 2.4 Version 2.3.2 Version 2.3.1 Version 2.3 Version 2.2 Version 2.1.2 Version 2.1.1 Version 2.1 Version 2.0.3 Version 2.0.2 Version 2.0.1 Version 2.0 Version 1.5.1 Version 1.5 Version 1.4.1 Version 1.4 Version 1.3 Version 1.2 Version 1.1 Version 1.0
Powered by ViewVC 1.3.0-dev ViewVC Help
© Andrew M. Bishop = < amb @ ... >
Root