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

Last change on this file since 11501 was 4524, checked in by joerg, 13 years ago

e UK tiles server, since it is a lot newer

File size: 6.8 KB
Line 
1<html>
2<head>
3<title>OpenStreetMap Deutschland</title>
4<script type="text/javascript" src="javascript/OpenLayers.2.2.likegoogle.js"></script>
5<script type="text/javascript" src="javascript/site.js"></script>
6
7<link rel="stylesheet" type="text/css" href="css/style.css" />
8</head>
9
10<script type="text/javascript">
11<!--
12var map, layer;
13var lon_url, lat_url, zoom_url;
14
15var lon_default  = 9.9;
16var lat_default  = 50.8;
17var zoom_default = 7;
18var layer_default = "mapnik";
19var PI = 3.14159265358979323846;
20var layer1;
21var layer2;
22
23lon_url = getURLParam('lon');
24lat_url = getURLParam('lat');
25zoom_url = getURLParam('zoom');
26layer_url = getURLParam('layer');
27if ( lon_url.length > 0 ){lon = parseFloat(lon_url);} else {lon = lon_default;}
28if ( lat_url.length > 0 ){lat = parseFloat(lat_url);} else {lat = lat_default;}
29if ( zoom_url.length > 0 ){zoom = parseInt(zoom_url);} else {zoom = zoom_default;}
30if ( layer_url.length > 0 ){layer = layer_url;} else {layer = layer_default;}
31
32lon_map = lon * 20037508.34 / 180;
33lat_map = Math.log(Math.tan( (90 + lat) * PI / 360)) / (PI / 180);
34lat_map = lat_map * 20037508.34 / 180;
35
36function init() {
37        OpenLayers.Util.onImageLoadError = function () {
38                this.src = "http://www.openstreetmap.org/javascript/img/404.png";
39        }
40
41        map = new OpenLayers.Map ("map", {maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
42                maxZoomLevel: 17, numZoomLevels: 18, maxResolution:156543, units:'meters', projection: "EPSG:41001", controls: []} );
43        map.addControl(new OpenLayers.Control.PanZoomBar());
44        map.addControl(new OpenLayers.Control.MouseDefaults());
45        map.addControl (new OpenLayers.Control.LayerSwitcher());
46        layer1 = new OpenLayers.Layer.LikeGoogle ("Mapnik (.org)", "http://tile.openstreetmap.org/mapnik/", {type:'png'});
47        map.addLayer (layer1);
48        layer2 = new OpenLayers.Layer.LikeGoogle ("Mapnik (.de)", "http://tile.openstreetmap.de/", {type:'png'});
49        map.addLayer (layer2);
50        layer3 = new OpenLayers.Layer.LikeGoogle( "Osmarender (.org)", "http://dev.openstreetmap.org/~ojw/Tiles/tile.php/", {type:'png'} );
51        map.addLayer(layer3);
52        if ( layer == "osmarender" )
53        {       map.setBaseLayer(layer3);       }
54        else
55        {       map.setBaseLayer(layer1);       }
56        map.setCenter (new OpenLayers.LonLat(lon_map, lat_map), zoom);
57        map.events.register("moveend", map, function() {
58        updatelinks();
59        });
60        document.find.query_name.defaultValue = decodeURIComponent(getURLParam('query_name'));
61        document.find.query_name.select();
62        document.find.query_name.focus();
63        updatelinks();
64}
65function updatelinks() {
66        var lonlat = map.getCenter();
67        var lon = (lonlat.lon / 20037508.34) * 180;
68        var lat = (lonlat.lat / 20037508.34) * 180;
69        var PI = 3.14159265358979323846;
70        lat = 180/PI * (2 * Math.atan(Math.exp(lat * PI / 180)) - PI / 2);
71        var zoom = map.getZoom(); // + 3;
72        var lay = "layer=";
73        if ( this.map.layers[2] == this.map.baseLayer )
74        { lay += "osmarender"; }
75        else
76        {
77                if ( this.map.layers[1] == this.map.baseLayer )
78                { lay += "mapnik_org"; }
79                else
80                { lay += "mapnik"; }
81        }
82        link.href = "/index.html" + "?lat=" + lat + "&lon=" + lon + "&zoom=" + zoom + "&" + lay;
83        document.all.map_url.value = "http://map.openstreetmap.de/?" + lay + "&";
84        document.all.current_lat.innerHTML = lat.toFixed(4) + "&#176;";
85        document.all.current_lon.innerHTML = lon.toFixed(4) + "&#176;";
86        document.all.current_zoom.innerHTML = zoom;
87}
88
89function getURLParam(strParamName){
90        var strReturn = "";
91        var strHref = window.location.href;
92        if ( strHref.indexOf("?") > -1 ){
93                var strQueryString = strHref.substr(strHref.indexOf("?"));
94                var aQueryString = strQueryString.split("&");
95                for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
96                        if ( aQueryString[iParam].indexOf(strParamName + "=") > -1 ){
97                                var aParam = aQueryString[iParam].split("=");
98                                strReturn = aParam[1];
99                                break;
100                        }
101                }
102        }
103        return strReturn;
104}
105
106//-->
107</script>
108
109<body onload="init();">
110<table border=0 width="99%" height="99%" id="main_table">
111<tr>
112<td></td>
113<td height="30px" align="left">
114        <ul id="tabnav">
115             <li> <a class="active" id="viewanchor" href="/index.html" title="view maps">View</a></li>
116             <li> <a style="font-style:italic" href="http://map.openstreetmap.de/full.html" title="Full Screen Map">Vollbild</a> </li>
117             <li> <a style="font-style:italic" href="http://www.openstreetmap.org/login.html" title="edit maps">Edit</a> </li>
118             <li> <a href="javascript:
119                        var e=map.getExtent();
120                        var nelat = ( e.top / 20037508.34) * 180,
121                        nelon = ( e.right / 20037508.34) * 180,
122                        swlat = ( e.bottom / 20037508.34) * 180,
123                        swlon = ( e.left / 20037508.34) * 180,
124                        PI = 3.14159265358979323846;
125                        nelat = 180/PI * (2 * Math.atan(Math.exp(nelat * PI / 180)) - PI / 2);
126                        swlat = 180/PI * (2 * Math.atan(Math.exp(swlat * PI / 180)) - PI / 2);
127                        void(alert('('+swlon+', '+nelat+', '+nelon+', '+swlat+')'));">
128                        Bounds</a></li>
129                </ul>
130</td>
131</tr>
132
133<tr>
134<td width="200px" valign="top">
135
136        <div id="logo">
137                        <center>
138                        <h1>OpenStreetMap</h1>
139                        <a href="http://wiki.openstreetmap.org/index.php/%C3%9Cber">
140                        <img src="images/mag_map-120x120.png" width="120" height="120" border="no"/></A><br/>
141                        <nobr><h2>Die freie Wiki Weltkarte</h2></nobr>
142                        </center>
143        </div>
144               
145        <div id="intro">
146                        OpenStreetMap ist eine frei editierbare Karte der ganzen Welt. Sie wird von Leuten wie dir gemacht.
147                        <p/>
148                        OpenStreetMap erlaubt es die Daten anzuzeigen und zu editieren.
149                        <p/>
150                        Dies ist der Deutsche OpennStreetMap Server. Um Daten zu editieren, m&uuml;ssen sie auf den
151                        <A href="http://www.openstreetmap.org/">Englischen Hauptserver</a> wechseln.
152        </div>
153        <div>
154                      <center>
155                      <a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="images/somerights20.png" border="0"></a>
156                      </center>
157        </div>
158        <div>
159        </div>
160                <BR>
161                &nbsp;Zoom: <span ID="current_zoom">?</span><BR>
162                &nbsp;Latitude: <span ID="current_lat"> ?</span><BR>
163                &nbsp;Longitude: <span ID="current_lon"> ?</span><BR>
164                &nbsp;<a class="active" id="link" href="/index.html">Permalink</a><BR>
165                <FORM METHOD="GET" ACTION="http://www.zimmerheimer.de/osm_query/" NAME="find">
166                        &nbsp;<INPUT TYPE="text" NAME="query_name" SIZE="23" VALUE=""><BR>
167                        &nbsp;<INPUT TYPE="submit" VALUE="Ort suchen">
168                        <INPUT TYPE="hidden" NAME="map_url" VALUE="http://map.openstreetmap.de/?">
169                </FORM>
170        </div>
171        <div>
172                <font size="-2">
173                Gute OSM-Abdeckung:
174                <ul>
175                        <li><a href="index.html?lat=48.397053&lon=10.867896&zoom=13">Augsburg</a></li>
176                        <li><a href="index.html?lat=49.593895&lon=10.994754&zoom=13">Erlangen</a></li>
177                        <li><a href="index.html?lat=53.578141&lon=10.026790&zoom=12">Hamburg</a></li>
178                        <li><a href="index.html?lat=49.009485&lon=8.394943&zoom=13">Karlsruhe</a></li>
179                        <li><a href="index.html?lat=48.131939&lon=11.604323&zoom=12">M&uuml;nchen</a></li>
180                </ul>
181                </font>
182        </div>
183</td>
184<td>
185        <div style="width:100%; height:100%; border: 1px solid black;z-index: 200" id="map">
186
187  </div>
188</td>
189</tr>
190</table>
191
192</body>
193</html>
194
Note: See TracBrowser for help on using the repository browser.