source: subversion/sites/www.openstreetmap.de/var/www/map.openstreetmap.de/full.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: 2.4 KB
Line 
1<html>
2<head>
3<title>OpenStreetMap f&uuml;r Deutschland - Testversion </title>
4<script type="text/javascript">
5        var lon = 8.5;
6        var lat = 50;
7        var zoom = 6;
8        var PI = 3.14159265358979323846;
9
10        lon = lon * 20037508.34 / 180;
11        lat = Math.log (Math.tan ((90 + lat) * PI / 360)) / (PI / 180);
12        lat = lat * 20037508.34 / 180;
13</script>
14<script type="text/javascript" src="javascript/OpenLayers.js"></script>
15<script type="text/javascript" src="javascript/site.js"></script>
16
17<link rel="stylesheet" type="text/css" href="css/style.css" />
18</head>
19<script type="text/javascript">
20<!--
21        var map, layer;
22
23        function init() {
24                OpenLayers.Util.onImageLoadError = function () {
25                        this.src = "javascript/img/404.png";
26                };
27                map = new OpenLayers.Map ("map", {
28                        maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
29                        minZoomLevel: 5, maxZoomLevel: 15, 
30                        maxResolution:156543, units:'meters', 
31                        projection: "EPSG:41001"} );
32                /* layer = new OpenLayers.Layer.LikeGoogle ("OSM", "http://tile.osm.kn.op.dlr.de/", {type:'png'}); */
33                layer = new OpenLayers.Layer.LikeGoogle ("OSM", "http://tile.openstreetmap.org/", {type:'png'});
34                map.addLayer (layer);
35                <!-- map.addControl (new OpenLayers.Control.LayerSwitcher()); -->
36                map.setCenter (new OpenLayers.LonLat(lon, lat), zoom);
37                map.events.register("moveend", map, function() { 
38                           var lonlat = map.getCenter();
39                           var lon_deg = (lonlat.lon / 20037508.34) * 180;
40                           var lat_deg = (lonlat.lat / 20037508.34) * 180;
41                           var PI = 3.14159265358979323846;
42                           lat_deg = 180/PI * (2 * Math.atan(Math.exp(lat_deg * PI / 180)) - PI / 2);
43                           var zoom = map.getZoom(); // + 3;
44                           updatelinks(lon_deg,lat_deg,zoom);
45                           });
46
47        }
48//-->
49</script>
50<body onload="init();">
51<div style="width:99%; height:99%; position:absolute; top:0px; ;z-index: 20" >
52        <div style="width:100%; height:100%; position:absolute; top:0px; border: 1px solid black;z-index: 200" id="map">
53        </div>
54
55        <div style="position:absolute; bottom:3px; right:5px ;z-index: 201">
56                <A href="http://www.openstreetmap.de">
57                        <font size="-3">
58                        <nobr>OpenStreetMap</nobr>
59                        </font>
60                        <img src="images/mag_map-120x120.png" width="32" height="32"/>
61                </a>
62                <a href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="images/somerights20.png" border="0"></a>
63        </div>
64</div>
65
66<script type="text/javascript">
67        if ((lat != undefined) && (lon != undefined) && (zoom != undefined)) {
68                updatelinks(lon,lat,zoom);
69        }
70</script>
71
72</body>
73</html>
74
Note: See TracBrowser for help on using the repository browser.