Sjors / openstreetmap-route-altitude-profile

Create an altitude profile for (cycle) routes based on the freely available NASA SRTM3 altitude data.

This URL has Read+Write access

openstreetmap-route-altitude-profile / example_route_server / index.html
100644 59 lines (57 sloc) 3.48 kb
raw blame history 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<html>
  <head>
    <title>Route altitude profile demo</title>
  </head>
  <body>
    <p>Hi there. Pick a route to see its altitude profile. You can also view the route in Google Maps.</p>
    <p>There are two servers. One is my home computer running Ubuntu Linux, a PostgreSQL database and apache with modpython. The other is the Google App Engine. Although my home computer covers a much larger land area, it is not able to handle any serious load, so please be nice to it. 
    <h2>Google App Engine server</h2>
    <h3>Route 1</h2>
    <p>Downtown Heidelberg. Car route on <a href="http://maps.google.com/maps?f=d&hl=en&geocode=17786583812122914276,49.414740,8.693260&saddr=49.40779,8.681002&daddr=Bergstra%C3%9Fe+%4049.414740,+8.693260&mra=mi&mrsp=0,1&sz=15&sll=49.411029,8.689027&sspn=0.014128,0.037594&ie=UTF8&ll=49.410052,8.692503&spn=0.014129,0.037594&z=15">Google maps</a>. </p>
    <table border=1>
      <tr><td>Input protocol</td><td>Output</td></tr>
      <tr>
        <td>XML</td>
        <td><a href="server.py/demo?route=1&input=xml&output=xml&server=app">xml</a></td> 
        <td><a href="server.py/demo?route=1&input=xml&output=gchart&server=app">Google Chart</a></td>
        <td><a href="server.py/demo?route=1&input=xml&output=gchart_url&server=app">Google Chart URL</a></td>
      </tr>
      <tr>
        <td>Protocol Buffers</td><td>Coming soon</td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td>HTTP/GET</td>
        <td><a href="server.py/demo?route=1&input=get&output=xml&server=app">xml</a></td> 
        <td><a href="server.py/demo?route=1&input=get&output=gchart&server=app">Google Chart</a></td>
        <td><a href="server.py/demo?route=1&input=get&output=gchart_url&server=app">Google Chart URL</a></td>
      </tr>
    </table>
 
    <h2>Postgres</h2>
    <h3>Route 1</h2>
    <p>Downtown Heidelberg. Car route on <a href="http://maps.google.com/maps?f=d&hl=en&geocode=17786583812122914276,49.414740,8.693260&saddr=49.40779,8.681002&daddr=Bergstra%C3%9Fe+%4049.414740,+8.693260&mra=mi&mrsp=0,1&sz=15&sll=49.411029,8.689027&sspn=0.014128,0.037594&ie=UTF8&ll=49.410052,8.692503&spn=0.014129,0.037594&z=15">Google maps</a>. </p>
    <table border=1>
      <tr><td>Input protocol</td><td>Output</td></tr>
      <tr>
        <td>XML</td>
        <td><a href="server.py/demo?route=1&input=xml&output=xml&server=pg">xml</a></td> 
        <td><a href="server.py/demo?route=1&input=xml&output=gchart&server=pg">Google Chart</a></td>
        <td><a href="server.py/demo?route=1&input=xml&output=gchart_url&server=pg">Google Chart URL</a></td>
      </tr>
      <tr>
        <td>Protocol Buffers</td>
        <td><a href="server.py/demo?route=1&input=protobuf&output=xml&server=pg">xml</a></td> 
        <td><a href="server.py/demo?route=1&input=protobuf&output=gchart_url&server=pg">Google Chart URL</a></td>
        <td><a href="server.py/demo?route=1&input=protobuf&output=protobuf&server=pg">Protocol buffers</a></td>
      </tr>
      <tr>
        <td>HTTP/GET</td>
        <td><a href="server.py/demo?route=1&input=get&output=xml&server=pg">xml</a></td> 
        <td><a href="server.py/demo?route=1&input=get&output=gchart&server=pg">Google Chart</a></td>
        <td><a href="server.py/demo?route=1&input=get&output=gchart_url&server=pg">Google Chart URL</a></td>
      </tr>
    </table>
    <p>More information <a href="http://wiki.openstreetmap.org/index.php/Route_altitude_profiles_SRTM">here</a>.</p>
  </body>
</html>