<html><head></head><body><div style="font-family: Verdana;font-size: 12.0px;"><div>Hallo Christiane,</div>
<div> </div>
<div>Es sind einige verschiedene Ursachen. Du findest den Stacktrace wenn du in die Entwicklerkonsole siehst (in den meisten</div>
<div>Browsern Strg+Shift+C, darunter gibt es einen Tab Konsole):</div>
<div> </div>
<div>1) Fehlendes Komma</div>
<div> </div>
<div>Fehlerausgabe:</div>
<div><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace">Uncaught <span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn1.child2/obj46">SyntaxError: <span class="objectBox objectBox-string">missing } after property list</span></span></span></span></span><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-location devtools-monospace"><span class="frame-link" data-column="40" data-line="27" data-url="file:///tmp/original.html"><a class="frame-link-source" draggable="false" href="file:///tmp/original.html"><span class="frame-link-source-inner" title="View source in Debugger → file:///tmp/original.html:27:40"><span class="frame-link-filename">original.html</span><span class="frame-link-line">:27:40</span></span></a></span></span></span><span class="message-flex-body error-note"><span class="message-body devtools-monospace">note: { opened at line 25, column 47</span><span class="message-location devtools-monospace"><span class="frame-link" data-column="47" data-line="25" data-url="file:///tmp/original.html"><a class="frame-link-source" draggable="false" href="file:///tmp/original.html"><span class="frame-link-source-inner" title="View source in Debugger → file:///tmp/original.html:25:47"><span class="frame-link-filename">original.html</span><span class="frame-link-line">:25:47</span></span></a></span></span></span></span></div>
<div> </div>
<div>Hinter extent fehlt ein Komma</div>
<div>
<div> </div>
<div>2) Falsche Imports</div>
<div> </div>
<div><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace">Uncaught <span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn2.child2/obj47">ReferenceError: <span class="objectBox objectBox-string">ImageLayer is not defined</span></span></span></span></span>
<div class="pane frames">
<div role="list">
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → file:///tmp/original.html:25"><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace"><span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn2.child2/obj47"><span class="frame-indent clipboard-only"> </span><span class="title"><anonymous></span><span class="clipboard-only"> </span><span class="location" title="file:///tmp/original.html"><span class="filename">file:///tmp/original.html</span>:<span class="line">25</span></span></span></span></span></span></div>
</div>
</div>
</div>
<div> </div>
<div>Da du das Code-Beispiel aus der aktuellen Dokumentation genommen hast, die moderne Javascript Syntax verwendet, findet </div>
<div>der Browser nicht die richtigen Objekte.</div>
<div> </div>
<div>Aus ImageLayer wird ol.layer.Image</div>
<div>aus ImageWMS wird ol.source.ImageWMS</div>
<div>aus Map wird ol.Map</div>
<div>aus View wird ol.View</div>
<div> </div>
<div>
<div>3) Fehlende proj.js zur Unterstützung von UTM (EPSG:25832)</div>
<div> </div>
<div>
<div class="devtools-searchbox"> </div>
<span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace">Uncaught <span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn1.child2/obj56">TypeError: <span class="objectBox objectBox-string">h is null</span></span></span></span></span>
<div class="pane frames">
<div role="list">
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace"><span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn1.child2/obj56"><span class="frame-indent clipboard-only"> </span><span class="title">i</span><span class="clipboard-only"> </span><span class="location" title="webpack://ol/build/ol/View.js"><span class="filename">View.js</span>:<span class="line">1251</span></span></span></span></span></span></div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"> </div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace"><span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn1.child2/obj56"><span class="location" title="webpack://ol/build/ol/View.js"><span class="line">Um Projektionen außerhalb der beiden Standardprojektionen muss die proj.js Bibliothek eingebunden werden, und die Projektion</span></span></span></span></span></span></div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace"><span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn1.child2/obj56"><span class="location" title="webpack://ol/build/ol/View.js"><span class="line">initialisiert werden. </span></span></span></span></span></span></div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"> </div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251">Dazu musst die proj4 BIbliothek laden:</div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"> </div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"><script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.6.2/proj4.js"></script></div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"> </div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace"><span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn1.child2/obj56"><span class="location" title="webpack://ol/build/ol/View.js"><span class="line">Als Anhaltspunkt kopiere ich mal einen </span></span></span></span></span></span></div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"><span class="message-body-wrapper"><span class="message-flex-body"><span class="message-body devtools-monospace"><span class="objectBox-stackTrace reps-custom-format" data-link-actor-id="server0.conn1.child2/obj56"><span class="location" title="webpack://ol/build/ol/View.js"><span class="line">Auszug, den ich für die Initiatlisierung von 25832 in einer meiner Applikationen verwende (hier habe ich schon die imports angepasst): </span></span></span></span></span></span></div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"> </div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251">
<div> proj4.defs('EPSG:25832', '+proj=utm +zone=32 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs');<br/>
ol.proj.proj4.register(proj4);</div>
<div> this.projection = new ol.proj.Projection({<br/>
code: 'EPSG:25832',<br/>
extent: [-1877994.66, 3932281.56, 836715.13, 9440581.95]<br/>
});</div>
<div> </div>
<div>Danach läuft alles, allerdings funktioniert natürlich der Zugriff auf deinen WMS Layer nicht. Von OL Seite funktioniert aber jetzt alles,</div>
<div>dies lässt sich durch Einbinden eines WMS der Landesvermessung demonstrieren:</div>
<div> </div>
<div>new ol.layer.Image({<br/>
extent: [452333,5609908,513078,5655037],<br/>
source: new ol.source.ImageWMS({<br/>
// url: 'http://localhost/qgis/qgis_mapserv.fcgi.exe?MAP=C:/bubbledubble/qgis_ows/qgs/Enderle_C_FFH.qgs',<br/>
// params: {'LAYERS': 'Siedlungen_UTF8'},<br/>
url: "https://basisdienste.geoportal.hessen.de/cgi-bin/mapserv.fcgi?map=/data/mapserver/basisdienst/hintergrundkarte_ssl.map",<br/>
params: { 'LAYERS': 'Basiskarte' }, <br/>
ratio: 1,<br/>
serverType: 'Mapserver'<br/>
})<br/>
})</div>
<div> </div>
<div>Zusammenhängend sieht das Dokument dann so aus:</div>
<div> </div>
<div>
<div><!DOCTYPE html><br/>
<html><br/>
<head><br/>
<title>kartentest</title><br/>
<!-- Der ursprüngliche Titel war "Accessible Map". Deshalb umfasst das Dokument wahrscheinlich<br/>
Anweisungen, die Alternativen zur Mausbedienung (Tabulatortaste, Pfeiltasten) anbieten -<br/>
wohl im Sinne der Barrierefreiheit --><br/>
<link rel="stylesheet" href="ol_2017_09_19.css" type="text/css"><br/>
<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x --><br/>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script><br/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.6.2/proj4.js"></script><br/>
<!-- <script src="https://openlayers.org/en/v4.3.3/build/ol.js"></script> --><br/>
<script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script><br/>
<style><br/>
#map_chr {<br/>
position: absolute;<br/>
top: 10px;<br/>
/* z-index: -1; */<br/>
}<br/>
</style><br/>
</head><br/>
<body><br/>
<div id="map_chr" style="width:98%; height:80%; border:1px solid #000"></div><br/>
<script></div>
<div>proj4.defs('EPSG:25832', '+proj=utm +zone=32 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs');<br/>
ol.proj.proj4.register(proj4);<br/>
this.projection = new ol.proj.Projection({<br/>
code: 'EPSG:25832',<br/>
extent: [-1877994.66, 3932281.56, 836715.13, 9440581.95]<br/>
});</div>
<div> var layers = [<br/>
new ol.layer.Image({<br/>
extent: [452333,5609908,513078,5655037],<br/>
source: new ol.source.ImageWMS({<br/>
// url: 'http://localhost/qgis/qgis_mapserv.fcgi.exe?MAP=C:/bubbledubble/qgis_ows/qgs/Enderle_C_FFH.qgs',<br/>
// params: {'LAYERS': 'Siedlungen_UTF8'},<br/>
url: "https://basisdienste.geoportal.hessen.de/cgi-bin/mapserv.fcgi?map=/data/mapserver/basisdienst/hintergrundkarte_ssl.map",<br/>
params: { 'LAYERS': 'Basiskarte' }, <br/>
ratio: 1,<br/>
serverType: 'Mapserver'<br/>
})<br/>
})<br/>
];<br/>
var map = new ol.Map({<br/>
layers: layers,<br/>
target: 'map_chr',<br/>
view: new ol.View ({<br/>
projection: 'EPSG:25832',<br/>
center: [483991,5628467],<br/>
zoom: 10<br/>
})<br/>
});<br/>
</script><br/>
</body><br/>
</html></div>
<div> </div>
</div>
<div> </div>
<div>Soweit erst einmal, viel Erfolg beim Web-Mapping und Beste Grüße,</div>
<div> </div>
<div>Niklas Alt</div>
</div>
<div class="frame" role="listitem" tabindex="0" title="View source in Debugger → webpack://ol/build/ol/View.js:1251"> </div>
</div>
</div>
</div>
<div name="quote" style="margin:10px 5px 5px 10px; padding: 10px 0 10px 10px; border-left:2px solid #C3D9E5; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;">
<div style="margin:0 0 10px 0;"><b>Gesendet:</b> Dienstag, 14. Juli 2020 um 12:00 Uhr<br/>
<b>Von:</b> fossgis-talk-liste-request@fossgis.de<br/>
<b>An:</b> fossgis-talk-liste@fossgis.de<br/>
<b>Betreff:</b> FOSSGIS-Talk-Liste Nachrichtensammlung, Band 138, Eintrag 11</div>
<div name="quoted-content">Um E-Mails an die Liste FOSSGIS-Talk-Liste zu schicken, nutzen Sie<br/>
bitte die Adresse<br/>
<br/>
fossgis-talk-liste@fossgis.de<br/>
<br/>
Um sich via Web von der Liste zu entfernen oder draufzusetzen:<br/>
<br/>
<a href="https://lists.fossgis.de/mailman/listinfo/fossgis-talk-liste" target="_blank">https://lists.fossgis.de/mailman/listinfo/fossgis-talk-liste</a><br/>
<br/>
oder, via E-Mail, schicken Sie eine E-Mail mit dem Wort 'help' in<br/>
Subject/Betreff oder im Text an<br/>
<br/>
fossgis-talk-liste-request@fossgis.de<br/>
<br/>
Sie koennen den Listenverwalter dieser Liste unter der Adresse<br/>
<br/>
fossgis-talk-liste-owner@fossgis.de<br/>
<br/>
erreichen<br/>
<br/>
Wenn Sie antworten, bitte editieren Sie die Subject/Betreff auf einen<br/>
sinnvollen Inhalt der spezifischer ist als "Re: Contents of<br/>
FOSSGIS-Talk-Liste digest..."<br/>
<br/>
<br/>
Meldungen des Tages:<br/>
<br/>
1. Zugriff auf QGIS-Server mit OpenLayers (Chr. Enderle)<br/>
<br/>
<br/>
----------------------------------------------------------------------<br/>
<br/>
Message: 1<br/>
Date: Mon, 13 Jul 2020 22:51:08 +0200<br/>
From: "Chr. Enderle" <enderlec@staff.uni-marburg.de><br/>
To: fossgis-talk-liste@fossgis.de<br/>
Subject: [FOSSGIS-Talk] Zugriff auf QGIS-Server mit OpenLayers<br/>
Message-ID:<br/>
<9b026067-729b-cf5e-12cf-87df6ef29c3f@staff.uni-marburg.de><br/>
Content-Type: text/plain; charset="utf-8"; Format="flowed"<br/>
<br/>
Hallo zusammen,<br/>
<br/>
ich habe einen QGIS-Server aufgesetzt (lokal) und möchte ein<br/>
QGIS-Projekt als WMS mit OpenLayers in eine HTML-Seite einbinden. Eine<br/>
HTTP-Get-Anfrage funktioniert. Der Server scheint also richtig<br/>
aufgesetzt zu sein. Die Projektdatei ist in QGIS 3.10.3 erstellt und die<br/>
Layer darin sind im Format geojson.<br/>
<br/>
Ich habe es mit dem Beispiel "Single WMS Image" auf den Seiten von<br/>
OpenLayers versucht, das ich für meine Daten angepasst habe, hatte aber<br/>
keinen Erfolg, d.h. der für die Karte vorgesehen Kasten bleibt leer. <br/>
Nicht einmal der dort angegebene Beispielcode hat bei mir funktioniert.<br/>
Zwar habe ich OL nicht lokal installiert, habe stattdessen aber den<br/>
Verweis auf die Bibliothek im head der html-Datei stehen: <script<br/>
src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script><br/>
Es ist zwar nicht die neueste Version von OL, aber ich würde momentan<br/>
gern noch bei dieser Vorgängerversion bleiben. Den Beispielcode hatte<br/>
ich aus den examples dieser Version kopiert.<br/>
<br/>
Im Anhang steht die Variante mit meinen Daten. Hat jemand eine Idee, was<br/>
daran falsch sein könnte?<br/>
<br/>
Schöne Grüße,<br/>
<br/>
Christiane<br/>
<br/>
--<br/>
Christiane Enderle, MSc<br/>
Philipps-Universität Marburg<br/>
Fachbereich Geographie<br/>
Deutschhausstr. 10<br/>
35037 Marburg<br/>
Tel. +49 (0)6421-2822179<br/>
Fax +49 (0)6421-2828950<br/>
<br/>
-------------- nächster Teil --------------<br/>
Ein Dateianhang mit HTML-Daten wurde abgetrennt...<br/>
URL: <<a href="http://lists.fossgis.de/pipermail/fossgis-talk-liste/attachments/20200713/433254aa/attachment.html" target="_blank">http://lists.fossgis.de/pipermail/fossgis-talk-liste/attachments/20200713/433254aa/attachment.html</a>><br/>
<br/>
------------------------------<br/>
<br/>
Subject: Fusszeile der Nachrichtensammlung<br/>
<br/>
--<br/>
....................................................................<br/>
FOSSGIS Veranstaltungen<br/>
<a href="https://www.fossgis.de/news/fossgis-events/" target="_blank">https://www.fossgis.de/news/fossgis-events/</a><br/>
<br/>
FOSSGIS e.V, der Verein zur Förderung von Freier Software aus dem<br/>
GIS-Bereich und Freier Geodaten!<br/>
<a href="https://www.fossgis.de/" target="_blank">https://www.fossgis.de/</a> <a href="https://twitter.com/fossgis_eV" target="_blank">https://twitter.com/fossgis_eV</a><br/>
<br/>
____________________________________________________________________<br/>
FOSSGIS-Talk-Liste mailing list<br/>
FOSSGIS-Talk-Liste@fossgis.de<br/>
<a href="https://lists.fossgis.de/mailman/listinfo/fossgis-talk-liste" target="_blank">https://lists.fossgis.de/mailman/listinfo/fossgis-talk-liste</a><br/>
<br/>
<br/>
<br/>
------------------------------<br/>
<br/>
Ende FOSSGIS-Talk-Liste Nachrichtensammlung, Band 138, Eintrag 11<br/>
*****************************************************************</div>
</div>
</div>
</div></div></body></html>