frontend
Inhaltsverzeichnis
Frontend
Mapbender
Openlayers
Installation
- 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( "Ü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>
frontend.txt · Zuletzt geändert: 2021/09/06 17:52 von 127.0.0.1