Frontend

Mapbender

Openlayers

Installation

Download ... das Zip
Verzeichnis anlegen /opt/smbroot/www/openlayers, dort auspacken
Verzeichnis angelegt: /opt/smbroot/www/openlayers/myfiles
File angelegt test.html
Einbindung weiterer WMS-Dienste: Jeder Dienst ist in einer eigenen Variablen definiert. Bspw. 'var wms3'
Übersichtskarte: Die Konfiguration der Übersichtskarte erfolgt über den Parameter 'isBaseLayer'

Beispiel für eine Karte wie diese:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
 
	<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
	<style type="text/css">
	<a id="permalink" href="">Permalink</a><br />
	body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	#map {
	width: 100%;
	height:	100%;
	border: 0px;
	padding 0px;
	}
		}
		div.olControlMousePosition {
			font-family: Verdana;
			font-size: 0.5em;
			color: red;
		}
    </style>
 
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
        var lat = 5809300; 
        var lon = 333500;
        var zoom = 4.2;
        var map, layer;
 
        function init(){
            map = new OpenLayers.Map( 'map' );
			map.addControl(new OpenLayers.Control.MousePosition());
			//Permalink eruieren, wie es geht, dann wieder einbauen!
			//map.addControl(new OpenLayers.Control.Permalink('permalink'));
 
		var dnm = new OpenLayers.Layer.WMS.Untiled( "&Uuml;bersichtskarte (LGB)", 
			"http://isk.geobasis-bb.de/ows/dnm.php?",
			{
			layers: 'bg,siedlung,vegetation,gewaesser,transport,strassennamen,ortsnamen,gewaessernamen', 
			format: 'png', 
			transparent: 'off'
			},
			{
			maxExtent: new OpenLayers.Bounds(322000, 5802000, 348000, 5823300), 
			maxResolution: 296985/1024, // Another alternative is 'auto', which 
			projection:"EPSG:25833",     // Used in WMS/WFS requests.   
			units: "m"                  // Only neccesary for working with scales.
			}
		);
 
		sgk_color = new OpenLayers.Layer.WMS.Untiled( "Stadtgrundkarte einfach Farbe", 
			"http://gdi.stadt-brandenburg.de/ws/sgk-einfach-farbe?",
			{
			layers: 'Gewaesser,str_group,nah_l,str_t,geb_group',
			format: 'png', 
			transparent: 'true'
			},
			{
			maxExtent: new OpenLayers.Bounds(322000, 5802000, 348000, 5823300), 
			maxResolution: 296985/1024, // Another alternative is 'auto', which 
			projection:"EPSG:25833",     // Used in WMS/WFS requests.   
			units: "m"                  // Only neccesary for working with scales.
			}
		);
 
 
			sgk_color.setVisibility(true);
			map.addLayers([dnm,sgk_color]);
 
		map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
		map.addControl(new OpenLayers.Control.LayerSwitcher());
		}
		if (!map.getCenter()) {jumpTo(lat, lon, zoom);
        }
    </script>
  </head>
 
<body onload="init()">
 
    <div id="map"></div>
 
</body>
</html>