1 | goog.require('ol.Map');
|
2 | goog.require('ol.View');
|
3 | goog.require('ol.layer.Image');
|
4 | goog.require('ol.layer.Tile');
|
5 | goog.require('ol.source.ImageWMS');
|
6 | goog.require('ol.source.OSM');
|
7 |
|
8 |
|
9 | var layers = [
|
10 | new ol.layer.Tile({
|
11 | source: new ol.source.OSM()
|
12 | }),
|
13 | new ol.layer.Image({
|
14 | extent: [-13884991, 2870341, -7455066, 6338219],
|
15 | source: new ol.source.ImageWMS({
|
16 | url: 'https://ahocevar.com/geoserver/wms',
|
17 | params: {'LAYERS': 'topp:states'},
|
18 | ratio: 1,
|
19 | serverType: 'geoserver'
|
20 | })
|
21 | })
|
22 | ];
|
23 | var map = new ol.Map({
|
24 | layers: layers,
|
25 | target: 'map',
|
26 | view: new ol.View({
|
27 | center: [-10997148, 4569099],
|
28 | zoom: 4
|
29 | })
|
30 | });
|