diff --git a/examples/wms-no-proj.html b/examples/wms-no-proj.html new file mode 100644 index 0000000000..9f050ca19e --- /dev/null +++ b/examples/wms-no-proj.html @@ -0,0 +1,55 @@ + + + + + + + + + + WMS without client projection example + + + +
+
+
+ OpenLayers 3 Examples +
    +
    • +
    • +
    • +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+

WMS without client projection example

+

Example of two WMS layers using the projection EPSG:21781, which is unknown to the client.

+
+

See the wms-no-proj.js source to see how this is done.

+
+
wms, projection
+
+ +
+ +
+ + + + + + diff --git a/examples/wms-no-proj.js b/examples/wms-no-proj.js new file mode 100644 index 0000000000..1bb50d5454 --- /dev/null +++ b/examples/wms-no-proj.js @@ -0,0 +1,58 @@ +goog.require('ol.Attribution'); +goog.require('ol.Map'); +goog.require('ol.Projection'); +goog.require('ol.ProjectionUnits'); +goog.require('ol.RendererHints'); +goog.require('ol.View2D'); +goog.require('ol.layer.ImageLayer'); +goog.require('ol.layer.TileLayer'); +goog.require('ol.source.SingleImageWMS'); +goog.require('ol.source.TiledWMS'); + + +var layers = [ + new ol.layer.TileLayer({ + source: new ol.source.TiledWMS({ + attributions: [new ol.Attribution( + '© ' + + '' + + 'Pixelmap 1:1000000 / geo.admin.ch')], + crossOrigin: 'anonymous', + params: { + 'LAYERS': 'ch.swisstopo.pixelkarte-farbe-pk1000.noscale', + 'FORMAT': 'image/jpeg' + }, + url: 'http://wms.geo.admin.ch/' + }) + }), + new ol.layer.ImageLayer({ + source: new ol.source.SingleImageWMS({ + attributions: [new ol.Attribution( + '© ' + + '' + + 'National parks / geo.admin.ch')], + crossOrigin: 'anonymous', + params: {'LAYERS': 'ch.bafu.schutzgebiete-paerke_nationaler_bedeutung'}, + url: 'http://wms.geo.admin.ch/' + }) + }) +]; + +// A minimal projection object is configured with only the SRS code and the map +// units. No client side coordinate transforms are possible with such a +// projection object. +var projection = new ol.Projection({ + code: 'EPSG:21781', + units: ol.ProjectionUnits.METERS +}); + +var map = new ol.Map({ + layers: layers, + renderers: ol.RendererHints.createFromQueryData(), + target: 'map', + view: new ol.View2D({ + center: [660000, 190000], + projection: projection, + zoom: 9 + }) +});