goog.require('ol.Attribution'); goog.require('ol.Map'); goog.require('ol.View'); goog.require('ol.control'); goog.require('ol.control.ScaleLine'); goog.require('ol.layer.Image'); goog.require('ol.proj'); goog.require('ol.source.ImageWMS'); var projection = ol.proj.get('EPSG:21781'); // The extent is used to determine zoom level 0 projection.setExtent([485869.5728, 76443.1884, 837076.5648, 299941.7864]); var extent = [420000, 30000, 900000, 350000]; var layers = [ new ol.layer.Image({ source: new ol.source.ImageWMS({ url: 'http://wms.geo.admin.ch/', crossOrigin: 'anonymous', attributions: [new ol.Attribution({ html: '© ' + '' + 'Pixelmap 1:1000000 / geo.admin.ch' })], params: { 'LAYERS': 'ch.swisstopo.pixelkarte-farbe-pk1000.noscale', 'FORMAT': 'image/jpeg' }, serverType: /** @type {ol.source.wms.ServerType} */ ('mapserver'), extent: extent }) }), new ol.layer.Image({ source: new ol.source.ImageWMS({ url: 'http://wms.geo.admin.ch/', crossOrigin: 'anonymous', attributions: [new ol.Attribution({ html: '© ' + '' + 'National parks / geo.admin.ch' })], params: {'LAYERS': 'ch.bafu.schutzgebiete-paerke_nationaler_bedeutung'}, serverType: /** @type {ol.source.wms.ServerType} */ ('mapserver'), extent: extent }) }) ]; var map = new ol.Map({ controls: ol.control.defaults().extend([ new ol.control.ScaleLine({ units: 'metric' }) ]), layers: layers, renderer: exampleNS.getRendererFromQueryString(), target: 'map', view: new ol.View({ projection: projection, center: [660000, 190000], extent: extent, zoom: 2 }) });