OpenLayers 3 - Beispiel - Versionsgeschichte

Markus Hentschel am 26. Juli 2017 um 08:21 Uhr

2017-07-26T08:21:30Z

Markus Hentschel am 14. Juli 2017 um 08:56 Uhr

2017-07-14T08:56:44Z

Markus Hentschel am 14. Februar 2017 um 10:06 Uhr

2017-02-14T10:06:59Z

Markus Hentschel am 19. April 2016 um 13:52 Uhr

2016-04-19T13:52:58Z

Markus Hentschel am 8. Dezember 2015 um 08:44 Uhr

2015-12-08T08:44:46Z

Markus Hentschel am 30. November 2015 um 14:39 Uhr

2015-11-30T14:39:09Z

Markus Hentschel am 17. November 2015 um 15:16 Uhr

2015-11-17T15:16:46Z

Markus Hentschel am 17. November 2015 um 15:16 Uhr

2015-11-17T15:16:16Z

Markus Hentschel am 17. November 2015 um 10:26 Uhr

2015-11-17T10:26:30Z

Markus Hentschel am 9. November 2015 um 15:30 Uhr

2015-11-09T15:30:13Z

@@ Zeile 180: / Zeile 180: @@
      <div id="legende"><b>Legende:</b><br>
-       <img src="http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/regis/kreisgrenze.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=regismv_kreis">
+       <img src="http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/srv/www/wms/regis/kreisgrenze.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=regismv_kreis">
-       <img id="legend" src="http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/naturschutz.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=naturschutzgebiete">
+       <img id="legend" src="http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/srv/www/wms/naturschutz.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=naturschutzgebiete">
      </div>
@@ Zeile 221: / Zeile 221: @@
      <!-- Definition des WMS-Layers Naturschutzflächen -->
      var wmsSourceNSF = new ol.source.ImageWMS({
-       url: 'http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/naturschutz.map',
+       url: 'http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/srv/www/wms/naturschutz.map',
        params: {
          'LAYERS': 'naturschutzgebiete',
@@ Zeile 236: / Zeile 236: @@
      <!-- Definition des WMS-Layers Kreisgrenze -->
      var wmsSourceKreisgrenze = new ol.source.ImageWMS({
-       url: 'http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/regis/kreisgrenze.map',
+       url: 'http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/srv/www/wms/regis/kreisgrenze.map',
        params: {
          'LAYERS': 'regismv_kreis',

@@ Zeile 180: / Zeile 180: @@
      <div id="legende"><b>Legende:</b><br>
-       <img src="http://geodienste.landkreis-vorpommern-ruegen.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/regis/kreisgrenze.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=regismv_kreis">
+       <img src="http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/regis/kreisgrenze.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=regismv_kreis">
-       <img id="legend" src="http://geodienste.landkreis-vorpommern-ruegen.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/naturschutz.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=naturschutzgebiete">
+       <img id="legend" src="http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/naturschutz.map&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&LAYER=naturschutzgebiete">
      </div>
@@ Zeile 221: / Zeile 221: @@
      <!-- Definition des WMS-Layers Naturschutzflächen -->
      var wmsSourceNSF = new ol.source.ImageWMS({
-       url: 'http://geodienste.landkreis-vorpommern-ruegen.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/naturschutz.map',
+       url: 'http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/naturschutz.map',
        params: {
          'LAYERS': 'naturschutzgebiete',
@@ Zeile 236: / Zeile 236: @@
      <!-- Definition des WMS-Layers Kreisgrenze -->
      var wmsSourceKreisgrenze = new ol.source.ImageWMS({
-       url: 'http://geodienste.landkreis-vorpommern-ruegen.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/regis/kreisgrenze.map',
+       url: 'http://geodienste.lk-vr.de/cgi-bin/mapserv?map=/home/fgs/fgs/www/wms/regis/kreisgrenze.map',
        params: {
          'LAYERS': 'regismv_kreis',

← Nächstältere Version		Version vom 14. Februar 2017, 10:06 Uhr
Zeile 9:		Zeile 9:

	Das Beispiel beinhaltet einen Vektordaten-WMS (Naturschutzflächen) und einige Rasterdaten-WMS (ORKA M-V, OSM, DOP). Die Bezeichnungen ''layers[0]'', ''layers[1]'' und ''layers[2]'' sind nötig für die Layer, die als Hintergrundkarten-Layer im selbst erstellten Layerswitcher erscheinen sollen. Wenn es nur eine Hintergrundkarte geben soll, ist ein selbst erstellter Layerswitcher und damit eine spezielle Bezeichnung des Layers mit ''layers[0]'' etc. nicht nötig.		Das Beispiel beinhaltet einen Vektordaten-WMS (Naturschutzflächen) und einige Rasterdaten-WMS (ORKA M-V, OSM, DOP). Die Bezeichnungen ''layers[0]'', ''layers[1]'' und ''layers[2]'' sind nötig für die Layer, die als Hintergrundkarten-Layer im selbst erstellten Layerswitcher erscheinen sollen. Wenn es nur eine Hintergrundkarte geben soll, ist ein selbst erstellter Layerswitcher und damit eine spezielle Bezeichnung des Layers mit ''layers[0]'' etc. nicht nötig.
		+
		+	:Hinweis: Soll eine Seite via HTTPS aufgerufen werden und enthält diese Seite über HTTP verknüpfte Inhalte, so werden diese Seiten von den Browsern jetzt als nicht vertrauenswürdig angesehen und nicht mehr angezeigt. In dem Fall sind sämtliche Verknüpfungen wie hier z.B. die dienstaufrufe via HTTPS zu machen.

	<nowiki>		<nowiki>

@@ Zeile 1: / Zeile 1: @@
 --[[Benutzer:Markus Hentschel|Markus Hentschel]] ([[Benutzer Diskussion:Markus Hentschel|Diskussion]]) 16:27, 9. Nov. 2015 (CET)<br>
-OpenLayers3 funktioniert (teilweise ganz) anders als OpenLayers2. Es gibt einige neue Features, dafür aber einige alte nicht mehr. Der Layer-Switcher fehlt z.B. ganz, ebenso die Definition von BaseLayern. Dafür muss man nun selbst sorgen.
+OpenLayers3 funktioniert (teilweise ganz) anders als OpenLayers2. Es gibt einige neue Features, dafür aber einige alte nicht mehr. Der fest eingebaute Layer-Switcher aus OL2 fehlt z.B. ganz, ebenso die Definition von BaseLayern. Dafür muss man nun selbst sorgen.
 Die Angabe eines ProxyHost, wenn die Karte auf einem anderen als dem Dienstserver läuft, scheint nicht mehr nötig.
@@ Zeile 8: / Zeile 8: @@
 Die Seite ist auf Grundlage der verfügbaren [http://openlayers.org/en/v3.9.0/examples/ Beispiele aus dem Netz] entstanden. Dort findet man auch noch weitere Funktionalitäten.
-Das Beispiel beinhaltet einen Vektordaten-WMS (Naturschutzflächen) und einige Rasterdaten-WMS (ORKA M-V, OSM, DOP). Die Bezeichnungen ''layers[0]'', ''layers[1]'' und ''layers[2]'' sind nötig für die Layer, die als Hintergrundkarten-Layer im Layerswitcher erscheinen sollen. Wenn es nur eine Hintergrundkarte geben soll, ist ein Layerswitcher und damit eine spezielle Bezeichnung des Layers mit ''layers[0]'' etc. nicht nötig.
+Das Beispiel beinhaltet einen Vektordaten-WMS (Naturschutzflächen) und einige Rasterdaten-WMS (ORKA M-V, OSM, DOP). Die Bezeichnungen ''layers[0]'', ''layers[1]'' und ''layers[2]'' sind nötig für die Layer, die als Hintergrundkarten-Layer im selbst erstellten Layerswitcher erscheinen sollen. Wenn es nur eine Hintergrundkarte geben soll, ist ein selbst erstellter Layerswitcher und damit eine spezielle Bezeichnung des Layers mit ''layers[0]'' etc. nicht nötig.
   <nowiki>

@@ Zeile 19: / Zeile 19: @@
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
    <link rel="stylesheet" href="http://openlayers.org/en/v3.9.0/css/ol.css" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
@@ Zeile 52: / Zeile 51: @@
+   }
    </style>
-−
    <!-- Definition der Full-Screen-Größe -->
    <style>
@@ Zeile 163: / Zeile 176: @@
        </ul>
      </div>
-−
      <!-- PNG-Export-Link der Karte -->
      <div id="exportpng" align="center"><a id="export-png" download="map.png">Als Bild exportieren</a></div>

@@ Zeile 8: / Zeile 8: @@
 Die Seite ist auf Grundlage der verfügbaren [http://openlayers.org/en/v3.9.0/examples/ Beispiele aus dem Netz] entstanden. Dort findet man auch noch weitere Funktionalitäten.
-Das Beispiel beinhaltet einen Vektordaten-WMS, einen Rasterdaten-WMS und einen OSM-WMS. Die Bezeichnungen ''layers[0]'' und ''layers[1]'' sind nötig für die Layer, die als Hintergrundkarten-Layer im Layerswitcher erscheinen sollen. Wenn es nur eine Hintergrundkarte geben soll, ist ein Layerswitcher und damit eine spezielle Bezeichnung des Layers mit ''layers[0]'' nicht nötig.
+Das Beispiel beinhaltet einen Vektordaten-WMS (Naturschutzflächen) und einige Rasterdaten-WMS (ORKA M-V, OSM, DOP). Die Bezeichnungen ''layers[0]'', ''layers[1]'' und ''layers[2]'' sind nötig für die Layer, die als Hintergrundkarten-Layer im Layerswitcher erscheinen sollen. Wenn es nur eine Hintergrundkarte geben soll, ist ein Layerswitcher und damit eine spezielle Bezeichnung des Layers mit ''layers[0]'' etc. nicht nötig.
   <nowiki>
@@ Zeile 38: / Zeile 38: @@
    #toolbox {
      position:absolute;
-     top:380px;
+     top:360px;
      left:648px;
      padding:3px;
@@ Zeile 158: / Zeile 158: @@
      <div id="toolbox">
        <ul id="layerswitcher">
-        <li><label><input type="radio" name="layer" value="0" checked> OpenStreetMap</label></li>
+        <li><label><input type="radio" name="layer" value="0" checked> ORKA M-V</label></li>
-        <li><label><input type="radio" name="layer" value="1"> Luftbild</label></li>
+        <li><label><input type="radio" name="layer" value="1"> OpenStreetMap</label></li>
        </ul>
      </div>
@@ Zeile 229: / Zeile 230: @@
      });
-     <!-- Definition des OSM-Layers -->
+     <!-- Definition des ORKA-MV-Layers -->
      layers[0] = new ol.layer.Tile({
        source: new ol.source.OSM()
      });
@@ Zeile 250: / Zeile 265: @@
        serverType: 'mapserver'
      });
-     layers[1] = new ol.layer.Image({
+     layers[2] = new ol.layer.Image({
        source: wmsSourceDOP
      });
@@ Zeile 290: / Zeile 305: @@
        overlays: [overlay],
        target: 'map',
-       layers: [layers[0], layers[1], wmsLayerKreisgrenze, wmsLayerNSF], <!-- Definition der Layer und der Layerreihenfolge -->
+       layers: [layers[0], layers[1], layers[2], wmsLayerKreisgrenze, wmsLayerNSF], <!-- Definition der Layer und der Layerreihenfolge -->
        view: view
      });

@@ Zeile 2: / Zeile 2: @@
 OpenLayers3 funktioniert (teilweise ganz) anders als OpenLayers2. Es gibt einige neue Features, dafür aber einige alte nicht mehr. Der Layer-Switcher fehlt z.B. ganz, ebenso die Definition von BaseLayern. Dafür muss man nun selbst sorgen.
-Die Angabe eines ProxyHost, wenn die Karte auf einem anderen als dem Datenbankserver läuft, scheint nicht mehr nötig.
+Die Angabe eines ProxyHost, wenn die Karte auf einem anderen als dem Dienstserver läuft, scheint nicht mehr nötig.
 Hier ist beispielhaft eine OpenLayers3-Karte, die ohne Änderungen so wie sie ist funktionieren sollte. Es wird dabei auf die Online-Bibliothek von OpenLayers verlinkt - das wird man in einer Produktivumgebung vielleicht [http://openlayers.org/en/v3.10.1/doc/tutorials/custom-builds.html anders machen].

@@ Zeile 205: / Zeile 205: @@
          'TILED': true
        },
-       serverType: 'mapserver',
+       serverType: 'mapserver'
-      crossOrigin: ''
      });
      wmsLayerNSF = new ol.layer.Image({
@@ Zeile 221: / Zeile 220: @@
          'TILED': true
        },
-       serverType: 'mapserver',
+       serverType: 'mapserver'
-      crossOrigin: ''
      });
@@ Zeile 243: / Zeile 241: @@
          'TILED': true
        },
-       serverType: 'mapserver'
+      attributions: [
      });
      layers[1] = new ol.layer.Image({

@@ Zeile 32: / Zeile 32: @@
    </style>
-   <!-- Definition des Layerswitchers und der "Base-Layer" -->
+   <!-- Definition des Layerswitchers -->
    <style>
    #toolbox {
@@ Zeile 153: / Zeile 153: @@
      </div>
-     <!-- Definition der Layer im Layerswitcher -->
+     <!-- Definition der HintergrundLayer im Layerswitcher -->
      <div id="toolbox">
        <ul id="layerswitcher">