<!DOCTYPE html>
<html>
<head>
<title>kartentest</title>
<!-- Der ursprüngliche Titel war "Accessible Map". Deshalb umfasst das Dokument wahrscheinlich
Anweisungen, die Alternativen zur Mausbedienung (Tabulatortaste, Pfeiltasten) anbieten -
wohl im Sinne der Barrierefreiheit -->
<link rel="stylesheet" href="ol_2017_09_19.css" type="text/css">
<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<!-- <script src="https://openlayers.org/en/v4.3.3/build/ol.js"></script> -->
<script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script>
<style>
#map_chr {
position: absolute;
top: 10px;
/* z-index: -1; */
}
</style>
</head>
<body>
<div id="map_chr" style="width:98%; height:80%; border:1px solid #000"></div>
<script>
var layers = [
new ImageLayer({
extent: [452333,5609908,513078,5655037]
source: new ImageWMS({
url: 'http://localhost/qgis/qgis_mapserv.fcgi.exe?MAP=C:/bubbledubble/qgis_ows/qgs/Enderle_C_FFH.qgs',
params: {'LAYERS': 'Siedlungen_UTF8'},
ratio: 1,
serverType: 'qgis'
})
})
];
var map = new Map({
layers: layers,
target: 'map_chr',
view: new View ({
projection: 'EPSG:25832',
center: [483991,5628467],
zoom: 10
})
});
</script>
</body>
</html>