goog.require('ol.Attribution'); goog.require('ol.Map'); goog.require('ol.RendererHints'); goog.require('ol.View2D'); goog.require('ol.layer.Image'); goog.require('ol.layer.Tile'); goog.require('ol.proj.Projection'); goog.require('ol.proj.Units'); goog.require('ol.source.ImageWMS'); goog.require('ol.source.TileWMS'); var layers = [ new ol.layer.Tile({ source: new ol.source.TileWMS({ attributions: [new ol.Attribution({ html: '© ' + '' + '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.Image({ source: new ol.source.ImageWMS({ attributions: [new ol.Attribution({ html: '© ' + '' + '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.proj.Projection({ code: 'EPSG:21781', units: ol.proj.Units.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 }) });