source: subversion/sites/www.openstreetmap.de/var/www/www.openstreetmap.de/index.html @ 16909

Revision 16909, 16.4 KB checked in by jochen, 5 years ago (diff)

OpenLayers? update
Switched from prototype to jQuery
Map key for large map

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3    <head>
4        <title>OpenStreetMap: Die freie Wiki-Weltkarte</title>
5        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6        <meta name="Content-Language" content="de" />
7        <link rel="stylesheet" type="text/css" href="/css/common.css" />
8        <link rel="stylesheet" type="text/css" href="/css/main.css" />
9        <link rel="shortcut icon" href="/img/favicon.png" />
10        <script type="text/javascript" src="/js/jquery.js"></script>
11        <script type="text/javascript" src="/ol28/OpenLayers.js"></script>
12        <script type="text/javascript" src="/js/OpenStreetMap.js"></script>
13        <script type="text/javascript" src="/js/util.js"></script>
14        <script type="text/javascript" src="/js/markers.js"></script>
15        <script type="text/javascript">
16
17var map;
18var layer_local;
19
20function init() {
21    OpenLayers.Lang.setCode('de');
22    var lon = 10.3;
23    var lat = 51.3;
24    var zoom = 5;
25
26    map = new OpenLayers.Map('map', {
27        projection: projmerc,
28        displayProjection: proj4326,
29        controls: [
30            new OpenLayers.Control.Navigation(),
31            new OpenLayers.Control.LayerSwitcher(),
32            new OpenLayers.Control.PanZoomBar()
33        ],
34        maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34, 20037508.34, 20037508.34),
35        numZoomLevels: 18,
36        maxResolution: 156543,
37        units: 'meters'
38    });
39
40    map.addLayers([
41        new OpenLayers.Layer.OSM.Mapnik("Mapnik"),
42        new OpenLayers.Layer.OSM.Osmarender("Osmarender")
43    ]);
44
45    layer_local = new OpenLayers.Layer.Markers("Lokale Gruppen", { visibility: false });
46    map.addLayer(layer_local);
47
48    createMarkers();
49
50    jumpTo(lon, lat, zoom);
51
52    map.events.register('move', null, mapMoved);
53    mapMoved();
54}
55
56        </script>
57
58    </head>
59    <body onload="init()">
60
61        <div class="menu">
62            <a href="/news.html">News</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
63            <a href="/karte.html">Karte</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
64            <a href="/faq.html">FAQ</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
65
66            <a href="http://wiki.openstreetmap.org/wiki/Hauptseite">Wiki</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
67            <a href="/community.html">Community</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
68            <a href="/aktionen.html">Aktionen</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
69            <a href="/events.html">Events</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
70            <a href="/kontakt.html">Kontakt</a>
71
72        </div>
73
74        <div class="left">
75            <div class="box" id="title">
76                <a href="/index.html"><img src="/img/logo.gif" alt="OpenStreetMap"/></a>
77                <p><b>Die freie Wiki-Weltkarte</b></p>
78            </div>
79            <div class="box" id="faq">
80                <a href="/faq.html"><h2>Fragen und Antworten</h2></a>
81
82                <ul>
83                    <li><a href="/faq.html#was_ist_osm">Was ist OpenStreetMap?</a></li>
84                    <li><a href="/faq.html#wie_mitmachen">Wie kann ich mitmachen?</a></li>
85                    <li><a href="/faq.html#wie_daten_nutzen">Wie kann ich die Daten nutzen?</a></li>
86                    <li><a href="/faq.html#lizenz">Wie ist das mit der Lizenz?</a></li>
87                    <li><a href="/faq.html#wie_vollstaendig">Wie vollständig sind die Daten?</a></li>
88
89                </ul>
90                <p><a href="/faq.html">Mehr...</a></p>
91            </div>
92            <div class="box" id="community">
93                <a href="/community.html"><h2>Community</h2></a>
94                <a href="/community.html#wiki">Wiki</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
95                <a href="/community.html#ml">Mailinglisten</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
96
97                <a href="/community.html#foren">Foren</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
98                <a href="/community.html#irc">IRC</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
99                <a href="/community.html#party">Mapping&nbsp;Parties</a><br/>
100                <div class="localgroup">
101                    <img class="tomap" onclick="layer_local.setVisibility(true);" src="/img/tomapl.png" alt="Auf die Karte" title="Auf die Karte" width="20" height="20"/>
102                    <a href="/community.html#local">Lokale Gruppen:</a><br/>
103
104                        <a href="http://wiki.openstreetmap.org/wiki/Aschaffenburg">AB</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
105                        <a href="http://wiki.openstreetmap.org/wiki/Berlin">B</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
106                        <a href="http://wiki.openstreetmap.org/wiki/Braunschweig">BS</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
107                        <a href="http://wiki.openstreetmap.org/wiki/DresdnerOSMStammtisch">DD</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
108                        <a href="http://wiki.openstreetmap.org/wiki/Mappertreffen_Dortmund">DO</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
109                        <a href="http://wiki.openstreetmap.org/wiki/Essen">E</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
110
111                        <a href="http://wiki.openstreetmap.org/wiki/Stammtisch_Mittelhessen">GI</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
112                        <a href="http://wiki.openstreetmap.org/wiki/Hamburger_Mappertreffen">HH</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
113                        <a href="http://wiki.openstreetmap.org/wiki/OSM-Treff_Heilbronn">HN</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
114                        <a href="http://wiki.openstreetmap.org/wiki/Stammtisch_Hannover">H</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
115                        <a href="http://wiki.openstreetmap.org/wiki/Karlsruhe">KA</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
116                        <a href="http://wiki.openstreetmap.org/wiki/Lüneburg">LG</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
117
118                        <a href="http://wiki.openstreetmap.org/wiki/München">M</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
119                        <a href="http://wiki.openstreetmap.org/wiki/NFE-Treffen">N/FÜ/ER</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
120
121                        <a href="http://wiki.openstreetmap.org/wiki/Osnabrück">OS</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
122                        <a href="http://wiki.openstreetmap.org/wiki/OWL-Treffen">OWL</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
123
124                        <a href="http://wiki.openstreetmap.org/wiki/Murrhardt">WN</a> <img src="/img/bullet.gif" width="7" height="9" alt="|"/>
125                        <a href="http://wiki.openstreetmap.org/wiki/Würzburg"></a>
126                </div>
127            </div>
128            <div class="box" id="aktionen">
129                <a href="/aktionen.html"><h2>Aktionen</h2></a>
130                <p>
131                    <a href="/gps-verleih/"><img style="padding: 2px 7px 2px 5px;" src="/gps-verleih/etrex-title.png" alt=""/></a>
132                    GPS-Geräte zum Ausleihen für OSM-Aktionen. <a href="/gps-verleih/">Mehr...</a>
133                </p>
134                <p>
135                    <a href="/aktionen.html#flyer"><img style="padding: 2px 3px 2px 0px;" src="/img/flyer-titel.png" alt=""/></a>
136                    OSM-Prospekte zum Verteilen. <a href="/aktionen.html#flyer">Mehr...</a>
137                </p>
138            </div>
139        </div>
140
141        <div class="right">
142
143            <div class="box" id="international">
144                <a href="http://www.openstreetmap.org/"><h2>OSM International</h2></a>
145                <a href="http://www.openstreetmap.ca/"><img src="/img/flags/ca.png" alt="Kanada" title="Kanada" width="24" height="13"/></a>
146                <a href="http://www.openstreetmap.ch/"><img src="/img/flags/ch.png" alt="Schweiz" title="Schweiz" width="24" height="13"/></a>
147                <a href="http://www.openstreetmap.cl/"><img src="/img/flags/cl.png" alt="Chile" title="Chile" width="24" height="13"/></a>
148                <a href="http://www.openstreetmap.cz/"><img src="/img/flags/cz.png" alt="Tschechien" title="Tschechien" width="24" height="13"/></a>
149                <a href="http://www.openstreetmap.de/"><img src="/img/flags/de.png" alt="Deutschland" title="Deutschland" width="24" height="13"/></a>
150                <a href="http://www.openstreetmap.es/"><img src="/img/flags/es.png" alt="Spanien" title="Spanien" width="24" height="13"/></a><br/>
151
152                <a href="http://www.openstreetmap.org.et/"><img src="/img/flags/et.png" alt="&Auml;thiopien" title="&Auml;thiopien" width="24" height="13"/></a>
153                <a href="http://www.openstreetmap.fr/"><img src="/img/flags/fr.png" alt="Frankreich" title="Frankreich" width="24" height="13"/></a>
154                <a href="http://www.openstreetmap.it/"><img src="/img/flags/it.png" alt="Italien" title="Italien" width="24" height="13"/></a>
155                <a href="http://www.openstreetmap.jp/"><img src="/img/flags/jp.png" alt="Japan" title="Japan" width="24" height="13"/></a>
156                <a href="http://www.openstreetmap.nl/"><img src="/img/flags/nl.png" alt="Niederlande" title="Niederlande" width="24" height="13"/></a><br/>
157
158                <a href="http://www.openstreetmap.org.ph/"><img src="/img/flags/ph.png" alt="Philippinen" title="Philippinen" width="24" height="13"/></a>
159                <a href="http://www.openstreetmap.pl/"><img src="/img/flags/pl.png" alt="Polen" title="Polen" width="24" height="13"/></a>
160                <a href="http://www.openstreetmap.se/"><img src="/img/flags/se.png" alt="Schweden" title="Schweden" width="24" height="13"/></a>
161                <a href="http://www.openstreetmap.sk/"><img src="/img/flags/sk.png" alt="Slowakei" title="Slowakei" width="24" height="13"/></a>
162                <a href="http://openstreetmap.tw/"><img src="/img/flags/tw.png" alt="Taiwan" title="Taiwan" width="24" height="13"/></a>
163                <a href="http://www.openstreetmap.org.za/"><img src="/img/flags/za.png" alt="S&uuml;dafrika" title="S&uuml;dafrika" width="24" height="13"/></a>
164            </div>
165            <div class="box" id="book">
166                <h2>OpenStreetMap-Buch</h2>
167
168                <a href="http://www.openstreetmap.info/"><img src="/img/openstreetmap-buch-cover.png" alt="OpenStreetMap: Die freie Weltkarte nutzen und mitgestalten"/></a>
169                <a href="http://www.openstreetmap.info/">www.openstreetmap.info</a>
170            </div>
171
172            <div class="box" id="showcase">
173                <a href="schaufenster/index.html"><h2>Schaufenster</h2></a>
174                <a href="schaufenster/index.html"><img src="/schaufenster/schaufenster-overview.png" alt="" width="180" height="53"/></a><br/>
175
176                Ein Blick in die OpenStreetMap-Welt
177            </div>
178            <div class="box" id="123" style="text-align: center;">
179                <a href="/123/index.html"><img src="/img/123.png" alt="OSM Schritt für Schritt" width="180" height="75"/></a>
180
181            </div>
182            <div class="box" id="screencasts" style="text-align: center;">
183                <img src="/img/arleft.png"/>
184                <a href="http://wiki.openstreetmap.org/wiki/WikiProject_Germany/Screencasts">Filme für Einsteiger</a>
185                <img src="/img/arright.png"/>
186            </div>
187            <div class="box" id="fossgis" style="text-align: center;">
188                <a href="http://www.fossgis.de/"><img src="/img/fossgis-ev.png" alt="FOSSGIS e.V." width="180" height="56"/></a>
189                Der FOSSGIS e.V. betreibt diese Webseiten mit der und für die OSM-Community.
190            </div>
191        </div>
192
193        <div class="main">
194            <div id="mapborder">
195                <div id="map">
196                    <img id="border-tl" src="/img/border-tl.gif" alt="" width="10" height="10"/>
197                    <img id="border-tr" src="/img/border-tr.gif" alt="" width="10" height="10"/>
198                    <noscript>Die Karte funktioniert nicht ohne Javascript. Bitte aktivieren Sie Javascript.</noscript>
199
200                </div>
201            </div>
202            <div id="marginalia">
203                <div id="germany">
204                    <a href="#" onclick="jumpTo(10.3, 51.3, 5)"><img src="/img/germany.gif" alt="Zoom auf Deutschland" title="Zoom auf Deutschland" width="32" height="40"/></a>
205                </div>
206                <div id="fullscreen">
207                    <a id="largemap" href="/karte.html"><img src="/img/view-fullscreen.gif" alt="[Gro&szlig;e Karte]" title="Gro&szlig;e Karte" width="42" height="40"/></a>
208                </div>
209
210                <div id="destinations">
211                    <img src="/img/arrow.gif" alt=" " width="7" height="9"/><a href="#" onclick="jumpTo(13.381, 52.521, 12)">Berlin</a>
212                    <img src="/img/arrow.gif" alt=" " width="7" height="9"/><a href="#" onclick="jumpTo(9.99, 53.57, 12)">Hamburg</a>
213                    <img src="/img/arrow.gif" alt=" " width="7" height="9"/><a href="#" onclick="jumpTo(11.57, 48.14, 11)">München</a> 
214                    <img src="/img/arrow.gif" alt=" " width="7" height="9"/><a href="#" onclick="jumpTo(6.95, 50.94, 13)">Köln</a>
215                </div>
216                <div id="hinweis">
217                    Fehler in der Karte? <a id="editlink" target="_blank" href="http://www.openstreetmap.org/edit">Selbst korrigieren</a>
218                    (<a target="_blank" href="/123/index.html">Anleitung</a>)
219                    oder <a target="_blank" id="buglink" href="http://www.openstreetbugs.org/">hier melden</a>.
220                </div>
221                <div id="corners">
222                    <img id="border-bl" src="/img/border-bl.gif" alt="" width="10" height="10"/>
223                    <img id="border-br" src="/img/border-br.gif" alt="" width="10" height="10"/>
224                </div>
225            </div>
226            <table id="content">
227                <tr>
228
229                    <td class="tdcontent" id="news">
230                        <h2><a href="/news.html">News</a></h2>
231
232                        <p><b>Neuigkeiten beim Potlatch</b><br/>
233                        <span style="font-size: small">14. Juli 2009</span>
234Wer jetzt auf den "Bearbeiten"-Reiter klickt, wird vielleicht überrascht werden: Der unter Flash im Browser laufende OSM-Editor Potlatch hat sein Äußeres deutlich geändert. <a href="./news.html#potlatch11">Mehr ...</a>
235                        </p>
236                <p><b>_sightwalk stellt Straßenansichten zur Verfügung</b><br/>
237                <span style="font-size: small">11. Juli 2009</span>
238                Die panogate GmbH hat für Ihr _sightwalk-Projekt in mehrere Großstädten
239Deutschlands Straßenzüge fotografiert. Diese Aufnahmen stehen ab sofort als
240Datenquelle für OpenStreetMap zur Verfügung. <a href="http://wiki.openstreetmap.org/wiki/Sightwalk">Mehr...</a></p>
241
242                    <td class="tdcontent" id="events">
243
244                        <h2><a href="http://wiki.openstreetmap.org/wiki/Current_events">Events</a></h2>
245
246                <img class="logo" src="/img/fossgis2010s.png" alt="FOSSGIS 2010" title="FOSSGIS 2010"/>
247                <p>Die deutsche OpenStreetMap-Konferenz:<br/>
248                <b><a href="fossgis2010.html">FOSSGIS 2010</a></b><br/>
249                2. bis 5. M&auml;rz 2010<br/>
250                Osnabrück</p>
251
252    <p class="curreventslink"><img src="/img/arleft.png" alt=""/><b><a href="http://wiki.openstreetmap.org/wiki/Current_events">Alle weltweiten Events im Wiki</a></b></p>
253
254                    </td>
255                </tr>
256            </table>
257            <div id="attribution">
258
259                <a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="/img/cc-by-sa.png" alt="[CC-BY-SA]" width="88" height="31"/></a>
260                Alle Karten(daten) auf diesen Seiten sind dem OpenStreetMap-Projekt entnommen und stehen unter der Lizenz
261                <a href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution Share Alike-Lizenz 2.0</a>.
262                <a href="/faq.html#lizenz">Mehr zur Lizenz...</a>
263                || <a href="/impressum.html">Impressum</a>
264            </div>
265        </div>
266    </body>
267
268</html>
Note: See TracBrowser for help on using the repository browser.