-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
104 lines (94 loc) · 4.86 KB
/
index.html
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Isometric 3D maps</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javascript" src="js/osm-isometric-3d.js"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var s = document.createElement('script');
var t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = '//api.flattr.com/js/0.6/load.js?'+'mode=auto&popout=0';
t.parentNode.insertBefore(s, t);
})();
/* ]]> */
</script>
</head>
<body onload="initIndex()">
<div id="page">
<div id="top">
<a href="http://www.openstreetmap.org"><img src="http://www.openstreetmap.org/assets/osm_logo-bd070644a6d1e2ea4db5d1893091b1e7.png" id="logo"/></a>
<h1>Isometric 3D maps</h1>
<h3>based on OpenStreeetMap data</h3>
</div>
<div class="box">
<h2>Isometric 3D maps of some cities</h2>
<p>
The following (mostly) german cities have been rendered as isometric 3D maps based on OpenStreetMap data:
<p>
<table id="city_list">
<thead>
<tr><th></th><th>City</th> <th>Last update</th> <th> </th></tr>
</thead>
<tbody>
<tr><td><img src="img/loading.gif"/> Loading...</td><td>(Javascript has to be enabled)</td><td></td></tr>
</tbody>
</table>
</p>
</p>
<p>The OSM data of the renderings might be up to 5 days older than the rendering date.</p>
<p>To get notified when a new rendering is finished:</p>
<p><a href="finishedRenderings.xml" class="feed">Subscribe by RSS</a> or <a href="https://twitter.com/bitstellerOSM" class="twitter-follow-button">Follow @bitstellerOSM</a></p>
</div>
<div class="box">
<a name="osm-isometric-3d">
<div style="float:right;">
<a class="FlattrButton" style="display:none;"
href="https://github.com/bitsteller/osm-isometric-3d"
data-flattr-popout="0">
<noscript><a href="http://flattr.com/thing/487731/bitstellerosm-isometric-3d-on-GitHub" target="_blank">
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
</a>
</div>
<h2>osm-isometric-3d</h2>
<p>osm-isometric-3d is the webfrontend and script for generating and uploading the above maps and this website automatically. The script is written in Python and Javascript for the webfrontend.<br/>
<p><b>How it works:</b>
<img src="img/osm-isometric-3d-overview.png"/>
</p>
<p><b>System requirements:</b> Unix (Linux, Mac OS), at least 2 GB of RAM. The script needs the tools <a href="http://wiki.openstreetmap.org/wiki/Osmosis">osmosis</a>, <a href="https://github.com/bitsteller/osm2pov">osm2pov</a> (see below), <a href="http://www.povray.org/">povray</a> installed to run properly (for details see the README file). The webfrontend uses the <a href="http://leaflet.cloudmade.com/">LeafletJS</a> library.</p>
<p><b>Latest changes:</b><div id="github-commits-osm-isometric-3d"></div></p>
<p><b>More information:</b> <a href="http://github.com/bitsteller/osm-isometric-3d">http://github.com/bitsteller/osm-isometric-3d</a></p>
</p>
</a>
</div>
<div class="box">
<h2>osm2pov</h2>
<p>osm2pov converts <a href="http://www.openstreetmap.org">OpenStreeetMap</a> data files to povray files, that can be rendered with <a href="http://www.povray.org/">povray</a>. The code that is used for the above renderings can be found at <a href="http://github.com/bitsteller/osm2pov">http://github.com/bitsteller/osm2pov</a>, which is a fork of <a href="http://github.com/guerda/osm2pov">http://github.com/guerda/osm2pov</a>. The code is released under the GPL v3.
<p><b>Latest changes:</b><div id="github-commits-osm2pov"></div></p>
<p><b>More information:</b> <a href="http://osm.kyblsoft.cz/3dmapa/">http://osm.kyblsoft.cz/3dmapa/</a></p>
</p>
</div>
<div id="bottom">
<h2>Contact</h2>
Nils Breyer <br/><br/>
Twitter: <a href="https://twitter.com/bitsteller" class="twitter-follow-button">Follow @bitsteller</a><br/>
Email: [email protected]<br/>
OSM Wiki: <a href="http://wiki.openstreetmap.org/wiki/User:Bitsteller">User page</a>
</div>
</div>
<script src="js/github.commits.widget.js"></script>
<script>
$(function() {
$('#github-commits-osm-isometric-3d').githubInfoWidget(
{ user: 'bitsteller', repo: 'osm-isometric-3d', branch: 'master', last: 5, limitMessageTo: 40 });
$('#github-commits-osm2pov').githubInfoWidget(
{ user: 'bitsteller', repo: 'osm2pov', branch: 'master', last: 5, limitMessageTo: 40 });
});
</script>
</body>
</html>